与html相比，css支持更丰富的文档外观
css指层叠样式表（级联样式表），用来美化html标签，相当于给页面化妆。
样式表位置写在<head>里面：
<style type="text/css">样式表内容</style>
选择器(选择标签的过程）
写法： 选择器{属性：值；}
属性：值
width：20px； 宽度
height：20px; 高度
background-color：red； 背景颜色
font-size：24px； 文字大小
text-align：left|center|right； 内容的水平对齐方式
test-indent：2em； 首行缩进
color：red； 文本颜色
★颜色的显示方式
①直接写颜色的名称；
②16进制显示颜色 0-9 a-f；
#000000（前2位红色，中2绿色，后2蓝色，数值越接近0颜色越深，#000为黑色）
③rgb(x,y,z); (x,y,z表示色值)
④rgba(x,y,z,m); (a代表不透明度，a范围为0~1)
【基础选择器】
1.标签选择器
标签{属性：值；}
2.类选择器
.自定义类名{属性：值；}
需要在标签内调用才生效，调用方式：class="自定义类名"
一个标签调用多个类选择器：class="自定义类名1 自定义类名2..."
多个标签可以调用同一个类选择器
类选择器命名规则：1.不能用纯数字或数字开头
2.不能用特殊符号（“_”除外）
3.不建议使用汉字定义类名
3.ID选择器
#自定义名称{属性：值；}
标签内调用： id="自定义名称"
特点：一个id选择器在一个页面只能使用一次，如果是用两次以上，不符合w3c规范。
一个标签也只能调用一个id选择器。
4.通配符选择器
*{属性：值；}
给页面上所有标签添加相同的属性；不推荐使用会增加浏览器负担。
【复合选择器】
两个或以上的基础选择器以不同的方式连接在一起
1.交集选择器
标签+类(ID)选择器{属性：值；}
特点：既要满足使用了某个标签，还要满足使用了类或id选择器。
2.后代选择器
选择器+空格+选择器+...{属性：值；}
3.子代选择器
选择器>选择器{属性：值；}
选中的是直接下一代标签
4.并集选择器
标签1，标签2，...{属性：值；}
选择器1，选择器2...{属性：值；}
【文本元素】
属性：
font-size:16px; 文字大小
font-weight:700; 文字粗细（100-900，加粗一般从700开始）
font-family:微软雅黑； 文字字体
font-style:normal | italic; 正常|斜体
line-height:40px; 行高
文本属性连写（要按顺序，文字大小和字体必写）：
font: 700 italic 16px/40px 微软雅黑;
文字的表达方式
1.直接写中文名称
2.写英文名称 如microsoft yahei、simsun（宋体）
3.unicode编码(在console里面输 escape("宋体")）
宋体：5b8b/4f53
1415
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
