CSS Cascading Style Sheets CSS n Shortterm definition

  • Slides: 6
Download presentation
CSS (Cascading Style Sheets) 串接樣式

CSS (Cascading Style Sheets) 串接樣式

CSS使用法 n Short-term definition(單一修改) 將 style 直接加在TAG裡面 EX: <p style=font-size: 5 pt; color: #001100>

CSS使用法 n Short-term definition(單一修改) 將 style 直接加在TAG裡面 EX: <p style=font-size: 5 pt; color: #001100> contents </p> 意義: 在“這個” p 標籤裡的文字都會設為 n font size = 5 n color = #001100

CSS使用法 n Long-term definition (整頁設定) 將 CSS 寫于 <head>與</head>之間, 則設定將會使用于本網 頁 EX: <style type="text/css">

CSS使用法 n Long-term definition (整頁設定) 將 CSS 寫于 <head>與</head>之間, 則設定將會使用于本網 頁 EX: <style type="text/css"> A: link { color=#7777 ff; text-decoration: none } A: visited { color=#7777 ff; text-decoration: none } A: hover { color=#3333 ff; text-decoration: underline } </style> 意義: 所有在此網頁的 “A” 標籤將將會設定為 n n n A. link (Normal) color = #7777 ff and none decoration A. visited (Clicked before) color = #7777 ff and none decoration A. hover (Mouse cursor over the link) color = #3333 ff and underline

CSS使用法 n Reference definition(讀取設定檔) 呼叫CSS reference 檔 于<head></head> 之間 <link rel="stylesheet" type="text/css" title="Style" href="web.

CSS使用法 n Reference definition(讀取設定檔) 呼叫CSS reference 檔 于<head></head> 之間 <link rel="stylesheet" type="text/css" title="Style" href="web. css"> 網頁裡的Tag將會根據設定檔的定義

其他改變網頁物件性質 n 背景不重複 n n 透明濾鏡 n n IMG {filter: alpha(Opacity=n)} 改游標 n n

其他改變網頁物件性質 n 背景不重複 n n 透明濾鏡 n n IMG {filter: alpha(Opacity=n)} 改游標 n n BODY{ background-repeat : repeat︱repeat-x︱ repeat-y︱no-repeat} BODY{cursor: url(*. cur的url); 還有很多相關設定, 請自行去尋找