CSS属性
display
CSS中有个display属性,能修改元素的显示类型,有4个常用值
- block:让元素显示为块级元素
- 浏览器默认给div/p/h1..元素设置了display:block
- inline:让元素显示为行内级元素
- 将block元素转回到行内元素
- none:隐藏元素
- 不占据空间
- inline-block:让元素用世俱杯行内级块级元素的特征
- 可以和其他元素在同一行显示
- 可以设置宽度和高度
display练习
目标:
1.构建整体
2.样式重置
3.整体样式
4.局部样式
设置a的display属性为block为了使下面红色框部分变成课选中状态