塊級元素與行內元素區別

2021-09-28 23:40:44 字數 1558 閱讀 5679

1.塊級元素:

特性:佔一行顯示,可以設定寬度和高度

屬性                           描述

位址長的引用

**標題

列表中定義條目                  

劃分區域

定義列表

列表中專案

框架集表單

-標題(一級到六級)

一條水平線                 

為fieldset元素定義標題

列表給不支援框架的瀏覽器顯示文字,frameset元素內部

在指令碼未被執行時的替代內容

有序列表

段落預格式化文字

****主體

標準單元格

**頁尾

表頭單元格

表頭**的行

無序列表

2.行內元素:

特性:可以在一行併排顯示

屬性                        描述

超連結,定義錨

縮寫只取首字母縮寫

字型加粗

預設的文字方向

大號字型加粗

換行            

引用進行定義

**文字

乙個定義專案

定義為強調的內容

斜體輸入框鍵盤文字

表單控制項

短引用樣本文字

單選或多選選單

小號字型效果

組合文件中行內元素

調調的內容

下標文字

上標文字

多行文字輸入控制項

打字機或者等寬文字效果

變數3.元素/內聯元素:

特性:根據兄弟元素決定

屬性                       描述

按鈕定義已被刪除的文字

建立另外乙個文件的行內框架

定義已被插入文件中的文字

客戶端影象對映

object物件

客戶端指令碼

4.可以改變顯示方式

屬性                                   描述

display: block;                   塊級元素

display: inline;                  行內元素

display: inline-block;        行內塊

display: none;                  不顯示該元素,釋放其占用位置

5.其他

:寫在標籤中,可以使網頁的標籤全部都執行target屬性,若不希望在空白頁開啟,可以在標籤中寫屬性

更多專業前端知識,請上

【猿2048】www.mk2048.com

塊級元素和行內元素區別 以及行內塊元素

塊級元素的特點 1 寬度預設是容器的100 2 高度,行高 外邊距以及內邊距都可以控制。3 總是從新行開始 4 可以容納內聯元素和其他塊元素。行內元素的特點 1 預設寬度就是它本身內容的寬度。2 高 寬無效,但水平方向的padding和margin可以設定,垂直方向的無效。3 和相鄰行內元素在一行上...

行內元素與塊級元素的區別

1 塊級元素 div p form ul,li ol,dl,form,address,fieldset,hr,menu,table 2 行內元素 span,strong,em,br,img input,label,select,textarea,cite,塊級元素會單獨佔一行,預設情況下,其寬度自動...

塊級元素與行內元素的區別

htm元素一般分塊級元素和行內元素。塊級元素 塊級元素單獨一行,可以設定寬度高度,可以設定margin,padding。可以成為其他元素的容器,可以容納塊級元素可行內元素。常見的塊級元素有div,p h1 h6,ul,table,form,hr等。行內元素 行內元素設定width無效,height無...