雖然已經(jīng)開始進(jìn)入JS的學(xué)習(xí),可是回頭突然想到html-css里原來一度迷惑我的標(biāo)簽、元素、屬性和樣式,覺得也是時(shí)候總結(jié)一下它們的概念和關(guān)系了。
1.標(biāo)簽和元素:
比如,<p>這就是一個(gè)標(biāo)簽; <p>這里是內(nèi)容</p >這就是一個(gè)元素。也就是說元素由一個(gè)開始的標(biāo)簽和結(jié)束的標(biāo)簽組成,用來包含某些內(nèi)容;
注:?jiǎn)螛?biāo)簽是個(gè)例外。例如<br/>本身既是開始標(biāo)簽也是結(jié)束標(biāo)簽,但不包含任何內(nèi)容,所以這只是個(gè)標(biāo)簽。
html網(wǎng)頁實(shí)際上就是由許許多多各種各樣的html元素構(gòu)成的文本文件,并且任何網(wǎng)頁瀏覽器都可以直接運(yùn)行html文件。所以可以這樣說,html元素就是構(gòu)成html文件的基本對(duì)象,html元素可以說是一個(gè)統(tǒng)稱而已。標(biāo)簽就是用來標(biāo)記HTML元素的。
2.屬性和樣式:
a.屬性:
為html元素提供各種附加信息的就是屬性,它總以“屬性名=屬性值”這種名值對(duì)的形式出現(xiàn),而且屬性總是在HTML元素的開始標(biāo)簽中進(jìn)行定義。
例如:
<body>
? <div class="box"></div>
</body>
這里的class就是屬性。一個(gè)元素里可以有多個(gè)屬性,各屬性之間以空格相分離。如,<div 屬性1 屬性2 ...></div>
b.樣式:
樣式是一種新的首選的改變 HTML 元素樣式的方式。通過 HTML 樣式,能夠通過使用 style 屬性直接將樣式添加到 HTML 元素,也可以加在style標(biāo)簽中放在head里。或者間接地在獨(dú)立的樣式表中(CSS 文件)進(jìn)行定義,樣式有值,一般都會(huì)帶單位,以“樣式:樣式值”這樣的格式出現(xiàn)。例如:
.box{background-color:#000;width:100px;text-align:center;}
這里的background-color、width等就是樣式。樣式也可以有多個(gè),各個(gè)樣式之間用;隔開。如,某選擇器{樣式1;樣式2;...}