回首頁 與我們連絡 網站地圖 加入我的最愛



 



css 基礎網頁應用



典型的<STYLE>樣式表宣告:

<HTML>
<HEAD>
<STYLE>
<!--
BODY {background:RED;color:BLACK}
BODY {font-size:12pt}

-->
</STYLE>
<TITLE>典型的樣式表宣告</TITLE>
</HEAD>

</BODY>這是標準的STYLE宣告<BODY>
</html>

這樣的樣式宣告會造成什麼結果呢?結果就是將被包括在<BODY>與<BODY>標籤之間的文字外觀顏色都變成黑色、文字大小為12pt,同時網頁的背景色設定為紅色。

[實例展示]


網頁標籤內的<STYLE>樣式宣告:
我們除了可以將CSS屬性以集合的方式合併宣告外,也可以在網頁標籤中直接加入CSS的樣式性質!

<HTML>
<HEAD>
<TITLE>網頁標籤內的樣式宣告</TITLE>
</HEAD>
<BODY>
<P STYLE=" font-size:14pt;color:BLUE">
這是在網頁標籤內STYLE宣告
</P>
</BODY>
</html>

這樣的樣式宣告又將會造成什麼結果呢?結果就是將被包括在<P>與</P>標籤之間的文字外觀顏色都變成藍色、文字大小為14pt,為什麼會這樣呢?因為我們在<P>網頁標籤中又加上了CSS的STYLE性質設定:font-size:14pt 將文字大小格式設定為14pt;color:BLUE 同時將文字外觀顏色設定為藍色。

[實例展示]

 

CSS 教學文件
CSS入門講座
基礎網頁應用
進階網頁應用
結合JavaScript應用
 

本網頁內容由昱得資訊工作室楊宗誌(小誌 )製作(C) Copyright Valor-Studio since in 1993
非經正式書面同意,不得將全部或部分內容,以任何方式轉載於其他網站或用於任何商業行為