css 基础1

css 层叠样式表 css手册

样式写在head 中间 style标签

css 样式规则：

　　选择器 ｛属性：属性值；属性：属性值｝

字体样式属性：font-size 字号大小 color 字体颜色 font-family 字体样式（支持汉字）

　　文章正文中一般用14px，font-family 可以写多个字体，多个字体用逗号隔开，会优先使用前面的，字体名如果包含空格 # $ 字体需要双引号包含，汉字也需要用双引号包括，老版本浏览器不支持中文字体

　　css unicode 我们以后尽量只写unicode 字体，一般用宋体和微软雅黑  总体\5B8B\4F53 微软雅黑 \5FAE\8F6F\96C5\9ED1

　　CSS 注释 /**/

　　font-weight 字体粗细 最高到900 700等价于bold 400等价于normal

　　font-style 字体的样式 normal italic 斜体 oblique 倾斜体（几乎不用）

　　字体简写：font:style weight size family 必须是这个顺序 顺序有要求，但是可以省略，但是size 和family不能省略，必须写

　　css 标签选择器：快速更改页面中同类型的标签同意样式 缺点：不能设计差异化样式

　　类选择器：以".类名"进行标识,标签声明类名

　　Id选择器：声明用#id名 使用是id=“id名”

　　id选择器与类选择器的区别：类选择器是可以重复使用的，id是唯一的，只允许使用一次

　　通配符选择器：*代表所有选择器，一般用来清楚html默认的边距，很少用

　　伪类选择器，用来添加特殊效果，..l类名，两个点

　　　　链接伪类：四个 ：link 未访问的链接 ：visited 以访问的链接 ：hover 鼠标经过的链接 ：active 选定的链接。我们点击别松开鼠标的显示状态 该顺序不可改变 lvha 可以简写链接伪类选择器，不一定要写全，但是顺序不可变

　　　　结构(位置）伪类选择器：根据位置来定的，even 偶数 odd 奇数 ，还可以写公式，n,全部 2n n的2倍

　　　　　　　　li:nth-child(3) {
　　　　　　　　color: skyblue;
　　　　　　　　}

　　　　　　nth-last-child() 从最后一个开始计数，改变

　　　　目标伪类选择器：当前活动的选择器，写：target即可

　　css 命名规范：1.不要使用下划线命名，使用-

　　　　2.不要使用数字

　　多类名选择器：类名之前用空格隔开

css 颜色写法有三种：1.英文，如red blue 2.十六进制：#FFFFFFF 3.rgb rgb(255,0,0）或者rgb(100%,0%,100%)

　　css 调整行间距line-height，一般比我们的字号大7 8像素就可以了

　　　　　　　　　text-align 水平对齐方式 left左对齐，center中间对齐 right右对齐

　　　　　　　　text-indent 首行缩进，建议em为单位，em相当于其他尺寸，

　　　　字间距，letter-spacing 单词间距：word-spacing这对于英文

　　　　颜色半透明：只能使用rgb，如黑色半透明rgb(0,0,0,0.5) 透明值取值范围0-0.5

　　　　文字阴影：text-shadow 有四个属性，水平位置，垂直位置，模糊距离，影子颜色，前两个必须写，后两个可以默认