參考資料來源W3School(http://www.w3school.com.cn)
HTML 樣式
html樣式其實就是指元素的style屬性,它提供了一種改變所有 HTML 元素的樣式的通用方法。
注意樣式的寫法,首先在是一個屬性,所以最外層是:style=" " 引號裏面的寫法注意了,形式爲:屬性:值; 其中值不需要引號,用分號隔開,看個例子
style=" background-color:#FFCC99; text-align:center; font-family:Verdana; font-size:15px; padding-top: 10px; padding-right: 12px;"
應該避免使用下面這些標籤和屬性:有若干的標籤和屬性是被廢棄的。被廢棄(Deprecated)的意思是在未來版本的 HTML 和 XHTML 中將不支持這些標籤和屬性。
標籤 | 描述 |
---|---|
<center> | 定義居中的內容。 |
<font> 和 <basefont> | 定義 HTML 字體。 |
<s> 和 <strike> | 定義刪除線文本 |
<u> | 定義下劃線文本 |
屬性 | 描述 |
align | 定義文本的對齊方式,可以用style="text-align:center" |
bgcolor | 定義背景顏色,可以用style="background-color:yellow" |
color | 定義文本顏色,可以用style="font-family:arial;color:red;font-size:20px;" |
對於以上這些標籤和屬性:請使用樣式代替!我還在很多地方用<font>和<align>呢
關於超鏈接<a>,發現它還有個叫法:錨。以前一直認爲超鏈接就是打開另一個網頁,其實不然,它還可以打開網頁後定位到具體的地方,對於大型文檔很有用的,下面就來試一下,我先在這裏做一個錨:
現在只要複製當前地址欄的地址,在後面加個#icicle_sign1試一下,在一個新的空頁面打開就會直接跳傳到這個地方了,定義錨的語句如下:
<a name="icicle_sign1"><strong>可以直接定位到這個地方哦</strong></a>
也可以本頁實現,點擊文章最上面的“測試錨”,其語句爲<a href="#icicle_sign1">測試錨</a>
另外<a>還有個target屬性,可以定義被鏈接的文檔在何處顯示,值"_blank"的意思是在新的窗口中打開,默認應該是當前窗口
明白了沒?