元素的分类及特点

2019-12-26  本文已影响0人  简公孙策
  1. 块内部元素可以分层,但是相对于其他元素而言,块内作为一个整体(主要针对float属性,position属性的分层会造成相互遮盖)。

  2. inline元素没有宽高,但有行高、字体大小的概念;块元素同时有宽高、行高、字体大小的概念

  3. 伪元素在设置css样式的时候,只有设置了content才能起作用

  4. 元素分类:

    • 行级元素(inline):只有内容,css也只能对内容修饰,内容决定大小,不会独占一行

    • 行级块元素(inline-block): 有内容有块,内容不决定块大小,不独占一行(它的不独占一行和inline元素有所区别,inline元素是该行能放下多少就放下多少,放不下才进行下一行,而inline-block元素只要在当前行剩余位置足够放下才会在该行,否则直接进入下一行)

    • 块级元素(block): 有块有内容,内容不决定大小,块的大小可以单独设置;css可以对块设置又可以对内容设置。默认独占一行。

  5. inline元素的padding、margin在垂直方向上设置的无效,只有水平方向有效

  6. position:absolute 或 float: right/left 等默认会将元素转化成inline-block元素

  7. 常用的行级元素:a、span 、del 、strong、em 、i 、input
    常用的块级元素:div 、p 、ul 、ol 、li 、dl、dt、ddform、table

上一篇 下一篇

猜你喜欢

热点阅读