9 walker studio-9w個人設計工作室
Google
.網頁設計接案業務
.加入GForce手機娛樂聯盟

.基礎HTML教學
.CSS樣式表教學
.基礎JAVASCRIPT教學
.JAVASCRIPT收集
.自製ASP程式下載
.色彩英文名對照
.16進位色碼對照一
.16進位色碼對照二
.可愛包子動畫圖庫
.MSN表情小圖示下載
.9W2U-1024X768桌布下載

.GForce付費手機遊戲
.免費遊戲房
.免費線上遊戲房
.免費檔案報報
.免費資源報報
.網站漫遊報報
.多國語言字母發音表

因網友留言內容
含成人色情內容
討論區即時停止運作
不便之處敬請見諒
● LOGO交換登錄
● 和我們連絡

 友站及其它連結
刑事警察局網際網路資訊站
591租屋網站
反毒害大聯盟
台灣認養地圖
KTzone日記, 論壇
::S.H.E 青春組織國際後援會::
CSS教學
CASCADING STYLE SHEET

01 何謂CSS語法? 07 表單特效
02 CSS語法的定義及元素樣式? 08 圖片影像特效
03 樣式性質分類 09 捲軸特效
04 CSS的宣告方式 10 CSS動態存取、控制樣式(限IE)
05 CSS連結特效 11 CSS參數表
06 CSS文字特效  

CSS的宣告方式

■CSS的宣告方式:

方式一:針對一個標籤,然後一次設定好幾個樣式性質

<stype="text/css">
body
{
font-family:Arial;
font-size:10pt;
font-color:blue;
background:white
}
</style>


或下式:


<stype="text/css">
body{
font-family:Arial;font-size:10pt;font-color:blue;background:white}
</style>

方式二:針對多個標籤,然後一次設定好幾個樣式性質

<style type="text/css">
h1,h2,td{font-size:10pt; font-color:blue; font-family:Arial}
</style>

方式三:針對一個標籤,作多項宣告

<style type="text/css">
body{font-size:9pt; font-color:red}
body{font-family:Arial; background:white}
</style>
 
 
將宣告放在<head>和</head>之間:

 單獨宣告    

集體宣告           

分項宣告     

 <style type="text/css"  >
 
    body{font-size:9pt}
   </style>

<style type="text/css"  >
body{ font-size:9pt;
          
color:red;           background:white
}
 </style>

<style type="text/css"  >
body{ font-size:9pt;
           color:red}
body{ font-family:標楷體;             background:white }
</style>

如何呼叫或使用CSS:

標準用法

外部呼叫          

單獨使用   

將宣告放在<head>
和</head>之間

 

把CSS宣告單獨存成一個CSS檔如:my_css.css
再外部呼叫my_css.css
利用style屬性來加到標籤中
<html>
<head>
<title>CSS外部呼叫範例</title>
<link rel=stylesheet type="text/css" href="my_css.css">
</head>
<body>
...網頁內容...
</body>
</html>
<font style="filter: glow(color=#FF9900,strength=3); height:10px; color:white; padding:1px">簡單的例子</font>  
簡單的例子

REL=STYLESHEET:參照一個外部的樣式檔案
TYPE="text/css" :參照的檔案類型
HREF="test.css":指定參照的樣式檔案位置及檔名




本站內容屬私人所有 請勿任易轉載 如須轉載 請通知本站
本站所鏈結標題及鍊結內容 皆歸原權利人所有
網站內容如有任何侵權 亦請通知本站刪除 謝謝!

Power by 9 Walker Studio
本站內容屬私人所有 請勿任易轉載 如須轉載請通知本站