CSS

CSS

1.样式表有哪些：
内联样式表
内部样式表：
外部样式表：
2.样式表的优先级
内联样式表优先级最大，内部样式表和外部样式表优先级不分大小，后写的优先级高。
3.选择器的组成：
（1）标签选择器：标签{}
（2）类选择器：.类名{}
（3）Id选择器：#id名{}
(4)通配符选择器：*{}
(5)群组选择器：每个选择器之间用逗号隔开。例如：h2,li{}
（6）包含选择器 每个选择器之间用空格隔开，例如：ul li{}
（7）伪类选择器
a:link{链接未访问时的状态}
a:visited{链接访问后的状态}
a:hover{鼠标放在链接上方时的状态}
a:active{链接被激活的状态}
4.选择器的权重
标签选择器：0001
类选择器：0010
id选择器：0100
群组选择器：各个选择器的自身的权重
包含选择器：每个选择器的权重之和
继承选择器的权重最小
5.文字属性：
（1） 字体：font-family:“微软雅黑” “宋体” “Times New Roman” Arial;
字体为中文字体时必须加双引号，为英文字体时，如果单词之间有空格必须用双引号，如果是一个单独的单词不用加双引号。
设置多个字体时浏览器会先寻找第一个字体，如果本地没有就继续往后寻找，如果都没有使用浏览器默认字体（默认大小16px）
（2） 字号：font-size:;
印刷字体大小单位使用pt(磅) 9pt=12px;
移动端使用字体rem 1rem=1em=16px;
0.75em=12px;
（3）加粗：font-weight:bold/normal
（4）倾斜：font-style:italic/normal
（5）行高：line-height:;
（6）颜色:color:;
（7）文字是否大小写：font-variant:normal/small-caps(小型的大些字母字体)
综合设置：font-style|font-wight|font-variant|font-size/line-height|font-family;
前三项可以随意调换位置，后两项位置不变。综合设置是同时写font-size和font-family才起作用。
7.文本属性
（1）文本修饰：text-decoration:underline(下划线)/overline（上划线）/line-through(删除线)/none;
（2）首行缩进：text-indent:;
（3）水平对齐：text-align:left/right/center;
（4）垂直对齐:vertical-align:top/middle/bottom;
（5）词间距：wordspacing:;
（6）字符间距：letterspacing
（7）英文字母大小写：text-transform:uppercase（都为大写）/lowercase（都为小写）/none(默认值)/capitalize(首字母大写)
8.背景属性
（1）背景颜色：background-color:;
（2）背景图片：background-img:url(图片路径);
(3)背景平铺方式：background-repeat:no-repeat/repeat-x/repeat-y;
（4）背景图片位置：background-position:left/right/center/top/bottom;
（5）背景图片固定:background-attachment:fixed/scorll;
9.边框属性：
（1）宽度：border-width:;
（2）线性：solid实线 dashed虚线 dotted点状线 double双实线
综合设置：粗细 线性 颜色（无顺序要求）
使用border写三角形：width:0;border:10px solid transparent;border-top:#000;
10.列表属性：
（1）list-style-type:disc(实心圆)/circle(空心圆)/square(实心方块)/none;
（2）list-style-image:url(图片路径)
（3）定义列表符号的位置：list-style-position:outside/inside;
（4）list-style:none;
11.浮动属性
float:定义网页中的其他文本如何环绕该元素
浮动的元素会脱离正常文档流，但是占据自身的空间，造成文字环绕的效果。
浮动的三大特征：（1）div块元素失去“块状”换行显示特征，变为行内元素。
（2）紧贴上一个浮动元素（同方向）或父元素的边框，如果宽度不够将换行显示。
（3）占据行内元素的空间，导致行内元素围绕显示。

12.清除浮动：clear:left/right/both/none;
如果前一个元素存在左浮动右浮动清除浮动后则换行，只对块级元素有效。