写法:
1.行内样式
<标签 style=“css语法”>
2.嵌入样式
<style> 选择器{ css语法 } </style>
3.外联样式
<style>
@import url(css文件路径);
</style>
基础选择器:
-
1.ID选择器: 唯一的标签:#
-
2.类选择器:一类标签:具有相同class的标签:.
-
3.标签选择器:h2{}
-
4.属性选择器:[ccc=’abc’]
-
5.所有选择器:*{}
高级选择器:
-
父子选择器
父选择器>子选择器{
} -
后代选择器
祖选择器 孙选择器{
} -
组合选择器
选择器1选择器2{
} -
分组选择器
选择器1,选择器2{
} -
下个兄弟 选择器:.twg+li
-
个兄弟们 选择器:.twg~li
伪类选择器:
-
没有访问:a:link
-
鼠标放上去:a:hover
-
访问后:a:active
伪元素选择器:
-
第一个单词:p:first-letter
-
第一行:p:frist-line
-
第一个孩子:#p>li:frist-child