css属性
引入css的方式
三种方式（行内引入的优先级>内部嵌入>w外部引入）
1.行内引入 写在开始标签里 通过 style="css属性;属性名:属性值;"
特性：只对当前的标签起作用 代码冗杂 结构不清晰 官方样式：结构与样式相分离
2.文件内部嵌入样式表
<head>
<style>
css代码
</style>
</head>
优点：在一定程度上结构与样式相分离
3·外部链接引入
<head>
<link href="文件位置">
</head>
优点：形成了全部分离 样式代码复用作用
css基础选择器
1.标签选择器
标签名 {
}
2.类选择器
（1）给盒子起个类名 clss="类名"
类名 不以数字开头 一般都是小写字母 以- 链接
·类名{
}
3.id选择器（唯一识别）
#id值{
}
4.全局选择器
*{
清除浏览器的默认样式 挑选的是包含html在内的所有元素
padding:0;
margin:0;
}
css复合选择器
复合选择器：基础选择器放在一起
1.父子关系：
E F{
匹配的是E的后台类型为F的元素
}
E>F{
匹配的是E的直接子代 类型为F的元素
}
2.兄弟选择器：
E+F{
匹配的是于E紧紧相邻的下一个兄弟元素 类型必须为F类型
}
E~F{
匹配的是与E相邻的下一些的兄弟元素 类型必须为F类型
}
3.交集选择器：
E F{
匹配的既是E的元素又是F的元素
}
4.并集选择器：
E,F,C,D...{
匹配的是E和F和C和D..都加这个样式
}
5.结构伪类选择器：
E:first-child{
匹配的是E的父元素的第一个孩子 这个孩子要求必须的E 类型！！！
}
E:nth-child(n/2n+1/2n/odd(奇数个)/even(偶数个)){
匹配的是E的父元素的第n(n取值递增规则正整数 从0开始)个孩子 这个孩子要求必须的E 类型！！！
}
E:last-child{
匹配的是E的父元素的最后一个孩子 这个孩子要求必须的E 类型！！！
}
E:nth-last-child(n/2n+1/2n){
匹配的是E的父元素的倒数第n(n取值递增规则正整数 从0开始)个孩子 这个孩子要求必须的E 类型！！！
}
选择器的优先级
优先级：id选择器>class选择器>标签选择器>全局选择器
计算规则：权重值
id：100（二进制）
class：10（二进制）
标签选择器：1（二进制）
全局选择器（*）：0（二进制）
样式压盖：高压低
复合合选择器 权重值 = 基础选择器的权重和
结构伪类 :first-child 相当于一个类选择器
权重计算=基础选择器权重值求和
.a .b{}权重值10+10
.a div{}权重值10+1
选择器权重相同取决于代码的覆盖的顺序 代码顺序越靠下权重越高
颜色
1.英文单词 red yellow sliver（银色）
2.16进制颜色法 #[0-9 a-f]*6 #000黑色 #fff白色
3.十进制表示法rgb(red(0-255,green(0-255,blue(0-255);rgb(0,0,0)黑色 rgb(255,255,255)黑色
4.透明度 rgba(red,green,blue,透明的)alpha(透明度 取值[0-1])
网页单位
网页的单位：
px/%/em/rem
px绝对单位
相对单位：
%：行高的%相对的是字体大小
width height % 相对的是父盒子的宽高
em：相对于父盒子的字体大小或者自身的字体大小，如果自身字体有大小就参考自身的字体大小
rem：相对于html根标签的字体大小
2万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
