在没有接触CSS之前，我们使用Html写网页是这样写的：
然后在StyleSheet1.css里面写如下代码：
之后我们对html文件里的代码进行修改:
运行结果如下：
最后一种HTML标签选择器，如果你认真看了本文，那么你一定知道如何使用，因为上面CSS举例的时候笔者就是使用的HTML标签选择器，即body{ }，花括号内书写具体的样式设置代码。关于各种CSS选择器的使用，将在后续的博文中详细介绍，这里就不再赘述了，本文主要告诉大家什么是CSS，给大家一个直观而形象的说明。
这样写出来的网页灵活性几乎没有，如果我们要更改网页的显示效果，那么我们就要找到网页源码相应的地方进行修改，如果这样的网页有成千上万个，难道我们就这样一个一个滴慢慢滴去修改吗？NO！
传统的写法将内容与样式写在了一起，用我们的俗话说就是写死了，可维护性实在是太差了。我们应该想办法让文字内容与其显示的效果的定义分开，这时候CSS来了，它的最大特点就是将Web页面的内容和样式进行分离，从而能够灵活的修改页面显示效果，这个类似于我们之前接触过的配置文件config。具体如何做呢？往下看
首先要添加一个样式表，如下图所示
然后在StyleSheet1.css里面写如下代码：
之后我们对html文件里的代码进行修改:
运行结果如下：
这就是所谓的CSS技术，通过在样式表中设置web页面的样式，来控制页面的显示效果，这样如果要更改显示效果的话，我们只需要在样式表中进行相应的修改即可，特别的灵活方便。说到CSS不得不说CSS选择器，根据视频讲解，大致有三种：类选择器，ID选择器和HTML标签选择器。
类选择器和ID选择器的定义如下图所示：
最后一种HTML标签选择器，如果你认真看了本文，那么你一定知道如何使用，因为上面CSS举例的时候笔者就是使用的HTML标签选择器，即body{ }，花括号内书写具体的样式设置代码。关于各种CSS选择器的使用，将在后续的博文中详细介绍，这里就不再赘述了，本文主要告诉大家什么是CSS，给大家一个直观而形象的说明。
来自 “ ITPUB博客 ” ，链接：https://blog.itpub.net/29916964/viewspace-1357817/ ，如需转载，请注明出处，否则将追究法律责任。
上一篇：
性能测试学习笔记
下一篇：
Java学习之路：不走弯路，就是捷径
请登录后发表评论
登录
全部评论
