一、Emment语法
- 快速生成HTML结构语法
2. 快速生成CSS样式语法
3.
二.CSS 的复合选择器
- 后代选择器
ol li {
color: blue;
}
ol li a{
color: red;
}
2. 子选择器
.nav>a {
color: red;
}
3.并集选择器
div,
ul {
color: chartreuse;
}
4.伪类选择器
- 链接伪类
/* 未点连接为black */
a:link {
color: black;
text-decoration: none;
}
/* 点了之后变aqua */
a:visited {
color: aqua;
}
/* 鼠标在上为brown 最常用*/
a:hover{
color: brown;
}
/* 鼠标移开为darkviolet */
a:active{
color: darkviolet;
}
- focus伪类
鼠标在哪个input上,哪个变色
总结
三、CSS的元素显示模式
1.块元素
2. 行内元素
3.行内块元素
4.元素显示模式转换