標籤記錄

weixin_34208283發表於2018-07-10

html標籤分為:行內標籤、塊級標籤、行內塊級標籤

行內元素

常用行內元素:span,strong, em,br,img ,input,label,select,textarea,cite

  行內元素特徵:(1)設定寬高無效

         (2)對margin僅設定左右方向有效,上下無效;padding設定上下左右都有效,即會撐大空間

         (3)不會自動進行換行

塊狀元素

常用塊狀元素:div,p,form,ul,li ,ol, dl,form,address,fieldset,hr, menu,table

  塊狀元素特徵:(1)能夠識別寬高

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

         (3)可以自動換行

         (4)多個塊狀元素標籤寫在一起,預設排列方式為從上至下

塊元素: div - 常用塊級、address - 地址、blockquote - 塊引用、center - 居中對齊塊、dir - 目錄列表、dl - 定義列表、form - 表單、 h1~6 - 標題、hr - 水平分隔線、menu - 選單列表、ol - 排序表單、ul - 非排序列表、p - 段落、table - 表格

CSS display 屬性的常用值:

none // 此元素不會被顯示

block // 此元素將顯示為塊級元素,此元素前後會帶有換行符

inline // 預設。此元素會被顯示為內聯元素,元素前後沒有換行符

inline-block // 行內塊元素,既具有block的寬度高度特性又具有inline的同行特性

相關文章