1.❤️❤️前言~🥳🎉🎉🎉
2.Emmet语法
使用自增符号 $
的示例 :
使用{}的示例:
以上都是html结构标签快速生成,下面是css的快速生成
3.复合选择器
后代选择器
子元素选择器
并集选择器
伪类选择器
伪类链接选择器
伪类focus选择器
input:focus{
background-color:yellow;
}
当鼠标选中该表单,该表单背景颜色会变为黄色。
4.元素显示模式
块元素
行内元素
行内块元素
行内块元素的特点:
元素显示模式的转换
5.单行文字在块元素中垂直居中的原理
6.背景
背景颜色
在这里我们还要讲个背景颜色半透明设置:
背景图片
.element {
background-image: url('images/background.jpg');
}
背景图片平铺
背景图片位置
背景图片固定
背景属性复合写法