前端css内容总结第一部分

前端css

基本上包括几个部分：
首先，css可以归为三大部分，一：选择器；*二：css的三大特性；*三：css的常见属性；

一：选择器，包括基础选择器，复合选择器；
基础选择器包括四个部分，（1）标签选择器：标签名；（2）类选择器：类名；（3）ID选择器：#ID名；（4）通配选择器：*；
复合选择器包括五个部分，
（1）后代选择器：父亲 后代；父元素所有的后代都被选中
(2)子元素选择器：父亲>儿子；仅仅只是儿子被选中
（3）交集选择器：选择器1选择器2；div.box
（4）并集选择器：选择器1，选择器2；.box1, .box2;
（5）链接伪类选择器：
(5.1）a:link;链接未被选中时的状态；
（5.2）a:visited；连接被访问过的状态；
（5.3）a:hover；鼠标滑过链接的状态；
（5.4）a:active：链接被激活时的状态；

二:css的三大属性；
（1）css的层叠性：
（1.1）如果出现样式冲突者，则选择就近原则；
（1.2）如果样式不冲突，就不会发生层叠；
（2）css的继承性：恰当使用继承可以简化代码，使得css更加简洁；子元素可以继承父元素的样式，比如以（text-，font-，line-）这些元素开头的都可以继承，也包括color等属性；
（3）css的优先性：
（3.1）选择器相同，则遵循就近原则；
（3.2）选择器不同，则看优先级，谁优先级达到更高，就遵循谁；
（3.3）a:权重；
（3.3.1）继承元素或通配选择器* 0
（3.3.2）每个元素，标签选择器 1；
（3.3.3）每个伪类，伪类选择器 10；
（3.3.4）ID选择器 100；
（3.3.5）每个行内样式style=“” 1000；
（3.3.6）！important 优先级达到无穷大；
b：权重叠加；
数位之间没有进制，如果选中啦，谁的优先级更高，就依照谁的属性，这是一个强者的时代，如果没有选中，优先级都为0；

三：css常见属性：
（1）字体样式：
（1.1） font-size：字体大小
（1.2）font-family：字体类别
（1.3）font-style：字体样式{ 倾斜——italic； 不倾斜——normal}
（1.4）font-weight：字体粗细{ 加粗——bold/700； 不加粗：normal/400}
(1.5) 复合属性 ——font：font-style font-weight font-size/line-height font-family 至少要写 文字大小和类别

（2）文本样式：
（2.1）color：文本颜色
（2.2）text-align：设置文本对齐方式
（2.3）text-deraction：设置文本装饰
（2.3.1）none 文本去除下划线
（2.3.2）underline 为文本设置下划线
（2.3.3）overline 为文本设置上划线
（2.3.4）over-throuht 删除线 中划线
（2.4）text-indent：首行缩进——首行缩进两个字符：text-indent：2em；
（2.5）line-height：行间距
（3）背景样式：
简写——background：背景色 背景图 平铺 水平 垂直；
background：url（） no-repeat；
小属性–（3.1）背景颜色：background-color：rgb/rgba 透明度
（3.2）背景图片：background-image
（3.3）背景位置：background-position
（3.4）背景平铺：background-repeat——（3.4.1）no-repeat 不平铺
（3.4.2）repeat-x 水平方向平铺
（3.4.3）repeat-y 垂直方向平铺
（3.4.4）repeat 横纵两面都平铺
（3.5）背景固定：background-attachment ——scroll 背景滚动； fixed 背景固定；

今天就分享到这里吧，希望可以与大佬们学习，多多指点！！！