[JavaScript知识库]CSS几个简单注意事项（v-20220128）

CSS几个简单注意事项（v-20220128）

• 行级元素、内联元素

  /*内置样式*/
  display:inline;
  

  example:

  span strong em a del
  

  feature:

  1. 内容决定元素所占位置
  2. 不可以通过css改变宽高

• 块级元素

  /*内置样式*/
  display:block;
  

  example:

  div p ul li ol form address
  

  feature:

  1. 独占一行
  2. 可以通过css改变宽高

• 行级块元素

  /*内置样式*/
  display:inline-block;
  

  example:

  img
  

  feature:

  1. 内容决定大小
  2. 可以改宽高

• img标签

  /*通常修改时只设置宽、高其中一个，因为设置其中一个的时候另一者会同比例放大缩小。*/