css
css选择器
- 基本选择器
- 层级选择器
- 属性选择器
- 结构性伪类选择器
- 其它选择器
基本选择器优先级
选择器 | 应用 |
---|---|
ID选择器 | # |
类选择器 | . |
标签选择器 | 标签名就是选择器 |
通配符选择器 | * {} |
HTML导入css3种方式
(一)外链样式
<link rel="文档与被链接文档的关系"
type="文档类型" href='被连接文档路径'>
作用:可作用多个文件
(二)内嵌样式
<style type="text/css">选择器{属性:属性值;.....}</style>
作用:作用于当前文件
(三)行内样式
<标签名 style="css样式"></style>
作用:作用于本行
层级选择器
组合选择器 | div,p |
---|---|
– | – |
父子选择器 | div>p |
– | – |
包含选择器 | div |
– | – |
兄弟选择器 | div~p |
– | – |
紧贴在div后的p标签 | div+p |