1.css引入方式
1.1行内样式(body中)
通过style标签
1.2内嵌样式(head中)
通过style标签
1.3外链样式(head)css单独
alink标签
1.4导入样式(head)css单独
@import url(“ 相对路径”),要放在style里面
2.选择器
2.1基本选择器
- 标签选择器:通过标签的名称进行获取
- ID选择器:通过获取标签的ID属性,#+id属性值
- 类选择器:通过获取标签的class属性,.+class属性值
- 通用选择器:通配符*
2.2 包含选择器(css,html分开)
1.子代选择器:获取的是某个标签的第一级子标签
2.后代选择器:获取的是某个标签里面所有的子标签
3.分组选择器:可以同时设置多个标签,使用逗号进行隔开
css部分:
html部分:
效果:
2.3属性选择器
2.4伪类选择器(不同状态颜色不同)
: link ----点击之前
: visited -----点击之后
: hover ------悬停
: active ------激活鼠标点击的时候不松手
悬停前后效果 :
2.5伪元素选择器(content属性)
:before
:after
----------------
css2后
::before
::after