|
CSS的語(yǔ)句是內(nèi)嵌在HTML文檔內(nèi)的。所以,編寫CSS的方法和編寫HTML文檔的方法是一樣的。 您可以用任何一種文本編輯工具來(lái)編寫。比如Windows下的記事本和寫字板、專門的HTML文本編輯工具(Frontpage、Ultraedit等),都可以用來(lái)編輯CSS文檔。 那么您可能會(huì)問(wèn),獨(dú)立編輯好的CSS文檔怎樣加入到HTML文檔中呢?其實(shí)在第一章中的例子里已經(jīng)介紹了兩種方法。 一種是把CSS文檔放到<head>文檔中: <style type=“text/css”> …… </style> 其中<style>中的“type=‘text/css’”的意思是<style>中的代碼是定義樣式表單的。 另一種方法是把CSS樣式表寫在HTML的行內(nèi),比如下面的代碼: <p style=“font-size:14pt;color:blue”>藍(lán)色14號(hào)文字</p> 這是采用<Style=“ ”>的格式把樣式寫在html中的任意行內(nèi),這樣比較方便靈活。 還有一種方法是:把您編輯好的CSS文檔保存成“.CSS”文件,然后在<head>中定義。定義的格式是這樣的: <head> <link rel=stylesheet href=“style.css”> …… </head> 我們看到這里應(yīng)用了一個(gè)<Link>,“rel=stylesheet”指連接的元素是一個(gè)樣式表(stylesheet)文檔。一般這里是不需要您改動(dòng)的。 而后面的“href=‘style.css’”指的是需要連接的文件地址。您只需把編輯好的“.CSS”文件的詳細(xì)路徑名寫進(jìn)去就可以了。這種方法非常適宜同時(shí)定義多個(gè)文檔。它能使多個(gè)文檔同時(shí)使用相同的樣式,從而減少了大量的冗余代碼。 本章主要介紹了編寫CSS的方法以及如何把作好的CSS文檔與HTML結(jié)合起來(lái)運(yùn)用。您可以根據(jù)自己編寫的HTML代碼的結(jié)構(gòu)、長(zhǎng)度來(lái)選擇用哪一種方法將CSS與之結(jié)合。 |
|
|
來(lái)自: 17運(yùn)動(dòng) > 《HTML5》