-
块内部元素可以分层,但是相对于其他元素而言,块内作为一个整体(主要针对float属性,position属性的分层会造成相互遮盖)。
-
inline元素没有宽高,但有行高、字体大小的概念;块元素同时有宽高、行高、字体大小的概念
-
伪元素在设置css样式的时候,只有设置了content才能起作用
-
元素分类:
-
行级元素(inline):只有内容,css也只能对内容修饰,内容决定大小,不会独占一行
-
行级块元素(inline-block): 有内容有块,内容不决定块大小,不独占一行(它的不独占一行和inline元素有所区别,inline元素是该行能放下多少就放下多少,放不下才进行下一行,而inline-block元素只要在当前行剩余位置足够放下才会在该行,否则直接进入下一行)
-
块级元素(block): 有块有内容,内容不决定大小,块的大小可以单独设置;css可以对块设置又可以对内容设置。默认独占一行。
-
-
inline元素的padding、margin在垂直方向上设置的无效,只有水平方向有效
-
position:absolute 或 float: right/left 等默认会将元素转化成inline-block元素
-
常用的行级元素:a、span 、del 、strong、em 、i 、input
常用的块级元素:div 、p 、ul 、ol 、li 、dl、dt、ddform、table
网友评论