内容与表现分离,也就是使用前面学习得HTML语言制作网页,使用CSS设置网页样式、风格、并且CSS样式单独存放在一个文件中,这样只要HTML文件引用CSS文件就可以了,便于后期的CSS样式的维护;
表现的统一,可以使网页的表现非常同意,并且容易修改;
丰富的样式,使得页面布局灵活;
减少网页的代码量,增加网页的浏览速度;
运用独立页面的CSS,有利于网页被搜索引擎收录;
2、背景属性(background)
CSS背景属性用于设置HTML元素的背景内容(颜色或图片)
背景属性主要包括:
background-color:设置背景颜色
background-image:设置背景图片
background-repeat:设置背景图片重复方式
background-attachment:设置背景是否随页面滚动
background-position:设置背景图片位置
3、文本颜色
color:red; <html> … <style type="text/css"> .first { color: red; /* 红色 */ } .second { color: #0000FF; /* 蓝色 */ } </style> <body> <h3 class="first" >CSS 文本 ( 红色 )</h3> <h3 class="second" >CSS 文本 ( 蓝色 )</h3> </body> </html>