html中的塊狀元素和內聯元素

2021-09-30 13:37:41 字數 361 閱讀 2587

大多數 html 元素被定義為塊級元素或內聯元素。

塊級元素在瀏覽器顯示時,通常會以新行來開始(和結束),可以設定width和height,可以設定margin和padding。

常見的塊狀元素: h1-h6、p、div、table、form、ul、ol、dl、dt、blockquote、address、caption、hr

內聯元素在顯示時通常不會以新行開始,width和height對它不起作用,豎直方向的margin和padding無效。

常見的內聯元素: a、img、span、input、textarea、br、strong、em、b、i、label、q、select

HTML 塊狀元素 內聯元素

塊狀元素 內聯元素 address 位址 blockquote 塊引用 center 居中對齊 dir 目錄列表 div 常用塊級容易,也是css layout的主要標籤 dl 定義列表 fieldset form控制組 form 互動表單 h1 大標題 h2 副標題 h3 3級標題 h4 4級標題...

行內元素 塊狀元素 內聯塊狀元素

行內元素 div,h1 h6,p,pre,ul,ol,li,form,table等 常見的行內元素 無法自動換行,無法設定寬高 有 a,img,span,i 斜體 em 強調 sub 下標 sup 上標 label等。常見的內聯塊狀元素 擁有內在尺寸,可設定高寬,不會自動換行 有 button,in...

塊狀元素 內聯元素 和內聯塊狀元素的概念與區別

塊狀元素block 該元素前後會有換行符,可以設定margin和padding 內聯元素inline 元素前後沒有換行符,和其他元素在一行上,水平方向可以設定margin和padding,豎直方向不可以 而內聯元素inline block 既有塊狀元素的性質又有內聯元素的性質,即 1 和其他元素都在...