CSS&javascript CSS初步概念
千萬別按我的筆記來學習,請找更好的網站
推薦到w3c school參考資料會更為完整
我的筆記只用於自已紀錄,參考價值超低
css就是網頁的美觀設計
套用的方式有滿多種
推薦到w3c school參考資料會更為完整
我的筆記只用於自已紀錄,參考價值超低
css就是網頁的美觀設計
套用的方式有滿多種
- 像是屬性一樣用在< style="....">裡面
- 寫在head標頭檔,需要指定對應的標籤
- 用連結的方式寫在外部參考
通常樣式都是放在網站路徑的styles資料夾下
css有繼承關係,例如設定了<p>的屬性
要對應標籤有很多種方法來指定:
<link href="styles/MyStyle.css" rel="stylesheet" /> <!--外部繫結css樣式--> <style type="text/css"> h1, h2, h3 { /*所有h1、h2、h3的標籤都會套用此設定*/ color:purple; } td { /*所有td欄位,文字置中*/ text-align:center; } thead td { /*在thead標籤裡的td標籤,文字粗體*/ font-weight:bold; } a:link, a:visited { /* 這是偽標籤,a是連結標籤 a:link 未點過的連結 a:visited 已點過的連結 text-decoration 底線 */ color: #4490d1; text-decoration: none; } a:hover { /* a:hover 在滑鼠移到連結上方時 會改變文字的狀態 */ color: red; text-decoration: underline; } #p3 { /* 標籤裡可以設定id 要找出某特定id的標籤用「#id名稱」 */ color:purple; text-shadow:none; } #p3 span { /* 這是指「#p3」標籤中包的「span」標籤 */ color: red; } .MyClass1 { /* 有時會設計好某個css的樣式 想套用在許多不同種類的標籤 可以設定標籤屬性用 class=xxx 的方式 而在css的設計上用「.xxx」來對應 */ font-size:16pt; font-weight:bold; } </style>
留言
張貼留言