Table of Contents
CSS样式图文详解：css样式表和选择器_html/css_WEB-ITnose
主要内容
CSS 概述
CSS：Cascading Style Sheet，层叠样式表。CSS的作用就是给HTML页面标签添加各种样式，定义网页的显示效果。简单一句话：CSS将网页内容和显示样式进行分离，提高了显示功能。
接下来我们要讲一下为什么要使用CSS。
HTML的缺陷：
- 不能够适应多种设备
- 要求浏览器必须智能化足够庞大
- 数据和显示没有分开
- 功能不够强大
CSS 优点：
- 使数据和显示分开
- 降低网络流量
- 使整个网站视觉效果一致
- 使开发效率提高了（耦合性降低，一个人负责写html，一个人负责写css）
比如说，有一个样式需要在一百个页面上显示，如果是html来实现，那要写一百遍，现在有了css，只要写一遍。现在，html只提供数据和一些控件，完全交给css提供各种各样的样式。
CSS语法
语法格式：
选择器{ 属性名: 属性值; 属性名: 属性值;}Copy after login
解释：
选择器代表页面上的某类元素，选择器后一定是大括号。
属性名后必须用冒号隔开，属性值后用分号（最后一个属性可以不用分号）。
属性名和冒号之间最好不要有空格（经验）。
如果一个属性有多个值的话，那么多个值用 空格 隔开
举例：
p{color: red;}Copy after login
完整版代码举例：
<style type="text/css"> p{ font-weight: bold; font-style: italic; color: red; }</style> <body> <p>洗白白</p> <p>你懂得</p> <p>我不会就这样轻易的狗带</p> </body>Copy after login
效果：
css代码的注释：
格式：
<style type="text/css"> /* 具体的注释 */ p{ font-weight: bold; font-style: italic; color: red; }</style>Copy after login
注意：只有/* */这种注释，没有//这种注释。而且注释要写在