css是一种用来为html标签添加样式的语言，主要用于控制网页样式布局。
一。CSS样式编写位置
1.内联样式（写在HTML标签的style属性之中）<p style="color: white;"> p标签</p> 编写方便但只对一个标签生效，不利于后期维护，开发一般不使用。
2.内部样式（写在HEML文档头部的style标签中，使用选择器为特点元素设置样式） 可以同时对多个标签设置样式，减少代码之间的依赖性，但不能跨页面使用样式。
3.外部样式（将样式单独写在一个CSS文件中，然后在需要的文件中引入） <head> <link rel="stylesheet" href="./filename.css"> 可以多个网页使用，开发常用。
二。CSS颜色规范（6种）
1.颜色名称：直接用名称表示，如black,white...
2.rgb(red,green,blue): 三个参数定义红绿蓝强度。rgb(0,0,0)黑色，rgb(255,255,255)白色
3.rgba:在rgb基础是再加入一个透明指数（0-1）,0为完全透明，如rgba(2,3,3,0.5)
4.十六进制颜色值：#加三个双位数表示(0-f) 例如#023edd，双位数相同可以缩写，如#00ff00可以写成#0f0，还可以在后面多加两位表示透明度（00-ff 全透明-不透明）如#023eddf0
5.hsl(色相，饱和度，亮度) 色相(hue)：0--360，0或360红色，120绿色，240蓝色。 色彩饱和度（saturation）是一个百分比的值，0%灰色阴影，100%全彩色。亮度(lightness)：0%黑色，%100白色。
6.hsla：在hsl的基础上加了不透明度 0.0-1.0 完全透明-不透明
三。长度单位
1.像素px：相对屏幕分辨率的单位，确定的值。
2.em:相对父元素的大小
3.rem：相对根元素html的大小
4.百分比%：静态定位和相对定位-->相对父元素。 绝对定位-->相对离他最近的开定位的祖先元素。
四。选择器
1.通用选择器 （*） 对所有元素
2.元素选择器 （元素名）对所有同种元素
3.id选择器（#）对特定id
4.class选择器（.）对同一class元素
5.关系选择器
6.伪类选择器
7.伪元素选择器
优先级别：内联>ID>类>元素
五。实验
1.设置居中显示：.message{text-align: center;}
扫一扫
3020
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
