HTML5+CSS、CSS3基础知识点总结.pdfVIP

HTML5+CSS、CSS3基础知识点总结

⼀、选择器

选择器分为基础选择器和复合选择器两⼤类。

基础选择器由单个选择器组成

基础选择器包括：标签选择器、类选择器、id选择器和通配符选择器（*）

标签选择器

优点标签选择器可以把某⼀标签全部选择出来，快速为同类型标签设置统⼀样式。

缺点不能设置差异化样式，只能选择全部当前标签。

id选择器与类选择器的区别

1.类选择器可以被多个元素调⽤。

2.id选择器只能允许⼀个标签调⽤。

3.类选择器使⽤的较多，id选择器⽤于唯⼀特性的标签。

基础选择器作⽤特点使⽤情况⽤法

标签选择器选中所有相同标签不能差异化选择较多p{color:red;}

类选择器选出⼀个或多个标签可以根据需求选择较多.nav{color:red;}

id选择器⼀次只能选出⼀个标签⼀个id属性在页⾯中只能出现⼀次⼀般配合js使⽤#nav{color:red;}

通配符选择器选择所有标签元素选择的太多，有部分不需要特殊情况使⽤*{color:red;}

字体属性

CSS使⽤font-family属性定义⽂本字体系列。尽量使⽤默认字体，保证不同浏览器的兼容性。

CSS使⽤font-size属性定义字体⼤⼩。

CSS使⽤font-weight属性设置字体粗细。400=normal，700=bold。⽆单位

CSS使⽤font-style属性设置⽂本风格。normal正常显⽰，italic斜体

字体复合写法：

严格遵守顺序，且font-size和font-family必须有。

body{

font:font-stylefont-weightfont-size/line-hightfont-family;

}

字体属性表⽰注意

font-size字号单位是px

font-family字体按照团队约定来写

font-weight字体粗细400=normal，700=bold

font-style字体样式italic，normal，常⽤normal

font属性连写顺序不能变，字体和字号属性必须有

⽂本属性

定义⽂本外观，⽐如颜⾊、对齐、装饰、缩进、⾏间距等。

text-decoration属性规定添加到⽂本的修饰。可以给⽂本添加下划线、删除线、上划线等。

text-decoration:underline;

属性值描述

none默认，⽆装饰（最常⽤）

underline下划线，a标签⾃带（常⽤）