快属性: div ·p ·ul ·ol ·li ·h1-h6
特点:1、 可以设宽高
2、不可以和别人共处一行
3、不设置宽高,宽度为100%;
行内属性:
特点:1、 不可以设宽高
2、可以和别人共处一行
3、宽高有内容撑开
行内快属性:
特点:可以设置宽高;
可以和别人共处一行。

块元素

典型代表 div  h1 -h6   p  ul  li  

2行内元素

典型代表span   a strong em del ins label

行内元素特征:(1)设置宽高无效

(2)对margin仅设置左右方向有效,上下无效;padding设置上下左右都有效,即会撑大空间

(3)不会自动进行换行

(1)display:inline;转换为行内元素

(2)display:block;转换为块状元素

(3)display:inline-block;转换为行内块状元素

2.块状元素

块状元素代表性的就是div,其他如p、nav、aside、header、footer、section、article、ul-li、address等等,都可以用div来实现。不过为了可以方便程序员解读代码,一般都会使用特定的语义化标签,使得代码可读性强,且便于查错。

块状元素特征:(1)能够识别宽高

(2)margin和padding的上下左右均对其有效

(3)可以自动换行

(4)多个块状元素标签写在一起,默认排列方式为从上至下

posted on 2021-11-07 17:29  狼堡的主人  阅读(112)  评论(0)    收藏  举报