CSS 是在 HTML 4 開始使用的,是為了更好的渲染html' target='_blank'>HTML元素而引入的.
CSS 可以通過以下方式添加到HTML中:
內(nèi)聯(lián)樣式- 在HTML元素中使用"style" 屬性 內(nèi)部樣式表 -在HTML文檔頭部 head 區(qū)域使用 style 元素 來包含CSS 外部引用 - 使用外部 CSS 文件最好的方式是通過外部引用CSS文件.
在本站的HTML教程中我們使用了內(nèi)聯(lián)CSS樣式來介紹實(shí)例,這是為了簡(jiǎn)化的例子,也使得你能更容易在線編輯代碼并在線運(yùn)行實(shí)例。
你可以通過本站的 CSS 教程 學(xué)習(xí)更多的 CSS 知識(shí)。
當(dāng)特殊的樣式需要應(yīng)用到個(gè)別元素時(shí),就可以使用內(nèi)聯(lián)樣式。 使用內(nèi)聯(lián)樣式的方法是在相關(guān)的標(biāo)簽中使用樣式屬性。樣式屬性可以包含任何 CSS 屬性。以下實(shí)例顯示出如何改變段落的顏色和左外邊距。
p 這是一個(gè)段落。 /p學(xué)習(xí)更多樣式,請(qǐng)?jiān)L問 CSS 教程.HTML樣式實(shí)例 - 背景顏色
背景色屬性(background-color)定義一個(gè)元素的背景顏色:
現(xiàn)在通常使用font-family(字體),color(顏色),和font-size(字體大小)屬性來定義文本樣式,而不是使用 font 標(biāo)簽。
HTML 樣式實(shí)例 - 文本對(duì)齊方式使用 text-align(文字對(duì)齊)屬性指定文本的水平與垂直對(duì)齊方式:
文本對(duì)齊屬性 text-align取代了舊標(biāo)簽 center 。
嘗試一下
內(nèi)部樣式表當(dāng)單個(gè)文件需要特別樣式時(shí),就可以使用內(nèi)部樣式表。你可以在 head 部分通過 style 標(biāo)簽定義內(nèi)部樣式表:
head style type="text/css" body {background-color:yellow;}p {color:blue;} /style /head外部樣式表
當(dāng)樣式需要被應(yīng)用到很多頁面的時(shí)候,外部樣式表將是理想的選擇。使用外部樣式表,你就可以通過更改一個(gè)文件來改變整個(gè)站點(diǎn)的外觀。
head link rel="stylesheet" type="text/css" href="mystyle.css" /headHTML 樣式標(biāo)簽
在HTML 4, 原來支持定義HTML元素樣式的標(biāo)簽和屬性已被棄用。這些標(biāo)簽將不支持新版本的HTML標(biāo)簽。
不建議使用的標(biāo)簽有: font , center , strike
不建議使用的屬性: color 和 bgcolor.
LPW5806
289***1083@qq.com
CSS修飾標(biāo)簽的樣式,有 "內(nèi)聯(lián)" 和 "外引" 兩種方式。
對(duì)于大部分標(biāo)簽,以上兩種方法均可,且修改父級(jí)標(biāo)簽,子級(jí)標(biāo)簽特性也會(huì)改變。但某些標(biāo)簽確無法通過修改父級(jí)標(biāo)簽來改變子級(jí)標(biāo)簽特性,如a標(biāo)簽,修改其顏色特性,必須直接修改 a 標(biāo)簽的特性才可。
實(shí)例:
a href="#" rel="nofollow" 只能使用"內(nèi)聯(lián)"方式 /aLPW5806
LPW5806
鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除,多謝。
新聞熱點(diǎn)
疑難解答