古詩詞大全網 - 個性簽名 - 標簽、元素、屬性、樣式的關系與區別

標簽、元素、屬性、樣式的關系與區別

雖然已經開始進入JS的學習,可是回頭突然想到html-css裏原來壹度迷惑我的標簽、元素、屬性和樣式,覺得也是時候總結壹下它們的概念和關系了。

1.標簽和元素:

比如,<p>這就是壹個標簽; <p>這裏是內容</p >這就是壹個元素。也就是說元素由壹個開始的標簽和結束的標簽組成,用來包含某些內容;

註:單標簽是個例外。例如<br/>本身既是開始標簽也是結束標簽,但不包含任何內容,所以這只是個標簽。

html網頁實際上就是由許許多多各種各樣的html元素構成的文本文件,並且任何網頁瀏覽器都可以直接運行html文件。所以可以這樣說,html元素就是構成html文件的基本對象,html元素可以說是壹個統稱而已。標簽就是用來標記HTML元素的。

2.屬性和樣式:

a.屬性:

為html元素提供各種附加信息的就是屬性,它總以“屬性名=屬性值”這種名值對的形式出現,而且屬性總是在HTML元素的開始標簽中進行定義。

例如:

<body>

? <div class="box"></div>

</body>

這裏的class就是屬性。壹個元素裏可以有多個屬性,各屬性之間以空格相分離。如,<div 屬性1 屬性2 ...></div>

b.樣式:

樣式是壹種新的首選的改變 HTML 元素樣式的方式。通過 HTML 樣式,能夠通過使用 style 屬性直接將樣式添加到 HTML 元素,也可以加在style標簽中放在head裏。或者間接地在獨立的樣式表中(CSS 文件)進行定義,樣式有值,壹般都會帶單位,以“樣式:樣式值”這樣的格式出現。例如:

.box{background-color:#000;width:100px;text-align:center;}

這裏的background-color、width等就是樣式。樣式也可以有多個,各個樣式之間用;隔開。如,某選擇器{樣式1;樣式2;...}