CSS属性

130 阅读1分钟

CSS属性

display

CSS中有个display属性,能修改元素的显示类型,有4个常用值

  • block:让元素显示为块级元素
    • 浏览器默认给div/p/h1..元素设置了display:block
  • inline:让元素显示为行内级元素
    • 将block元素转回到行内元素
  • none:隐藏元素
    • 不占据空间
  • inline-block:让元素用世俱杯行内级块级元素的特征
    • 可以和其他元素在同一行显示
    • 可以设置宽度和高度

display练习

目标:

1.构建整体

2.样式重置

3.整体样式

4.局部样式

设置a的display属性为block为了使下面红色框部分变成课选中状态

5.设置放在邮箱字样上出现列表,且放在列表上时不消失