元素属性样式

🍓元素类型

• ⭐块元素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;