元素属性样式

元素类型

• ⭐块元素div、p、ul、li、ol、li、dl、dt、dd、h1-h6
  • 默认独占一行
  • 有自己的宽度和高度
  • 作为其他元素的容器
• ⭐行内元素span、a、b、i、em、strong
  • 多行排列
  • 没有自己的形状，无法定义宽高，其宽度和高度由元素内容撑开
  • 没有上下margin和padding，只有左右margin和padding
• ⭐行内块元素img、input
  • 多行排列
  • 有自己的宽度和高度
  • 上下左右都有margin和padding

元素类型转换

• display：转换元素类型，显示和隐藏元素
  • block：块元素
  • list-item：列表，也属于块元素
  • inline：行内元素
  • inline-block：行内块元素
  • none：隐藏元素
• 元素类型转换可以解决图片与盒子之间的空隙问题。

a标签

去除a标签的下划线：text-decoration: none;

input输入框

去除input标签的轮廓线：outline: none;

列表

去除ul、ol列表默认样式：list-style: none;