😋标签
block块级标签(div,p,li等)独占一行
能随时设置宽度和高度
inline行内标签(span,a,label等)多个行内标签能同时显示在一行
宽高取决于内容的尺寸
inline-block行内块级标签(input,button等)多个行内块级标签能同时显示在一行
能随时设置宽度和高度
可通过display属性修改标签的显示类型
🏃选择器
常用选择器标签选择 div{}
类选择 .high{}
id选择 #first{}
并列选择 div,.high{}
复合选择 div.high{}
后代选择 div p{}直接后代选择 div>p{}
相邻兄弟选择 div+p{}
属性选择 div[name]{}; div[name=‘xxx’]{};div[name][age]{};
伪类选择选择 :hover; :focus; :active; 等
选择器的优先级选择器的权值加到一起，大的优先；如果权值相同，后定义的优先选择器的权值
通配选择符（*）：0
标签： 1
类： 10
属性： 10
伪类： 10
伪元素： 1
id： 100
important： 1000
important > 内联 > id > 类 > 标签 | 伪类 | 属性选择 > 伪元素 > 通配符 > 继承
网友评论