一.选择器
复合选择器:写法.nav a{ }
子元素选择器:写法.nav>a{ }。只能选择最近一级的元素。
并集选择器:写法.nav,a{ }。用于集体声明。
伪类选择器:写法例如a:link{选择所有未被访问的链接},a:visited{选择所有已被访问的链接},a:hover{选择鼠标位于其上的链接},a:active{选择活动链接},必须按照link>visited>hover>active的顺序书写。顺序简单记忆为LVHA。
交集选择器:写法p.one{ 用于声明既是p标签又是one类名的元素 }。
后代、链接伪类、并集是必须要掌握的!
格式化对齐快捷键:
Windows: Ctrl + K + F
Windows:Shift + Alt + F
Mac: Shift + Option + F
Ubuntu: Ctrl + Shift + I
二.元素显示模式
块元素 —— block
特点:独占一行
可以设置宽度、高度、外边距、边框和内边距
宽度默认是父级容器的宽度
可以存放其他行内元素和块级元素
注意:开发时不要在文本类元素(例如p、h1~h6)中添加其他元素
4.显示模式的转换
应用场景:让行内元素具有宽高:把行内元素转换成块元素或者行内块元素
让块元素一行显示:把块元素转换成行内块元素
代码:display: block 转换为块元素
display: inline-block 转换为行内块元素
display: inline 转化为行内元素(使用较少)
tip:
行高=高可以实现单行文字垂直居中
代码:line-height:高;
三.背景
1.background-color:背景颜色
属性transparent 透明的
2.background-image:背景图片
3.background-repeat:背景平铺
5.背景固定
background-attachment