CSS中文名叫“層疊樣式表”。
CSS是一種定義樣式結構如字體、顏色、位置等的語言,被用于描述網頁上的信息格式化和顯示的方式。CSS樣式可以直接存儲于HTML網頁或者單獨的樣式單文件。無論哪一種方式,樣式單包含將樣式應用到指定類型的元素的規則。外部使用時,樣式單規則被放置在一個帶有文件擴展名_css的外部樣式單文檔中。
樣式規則是可應用于網頁中元素,如文本段落或鏈接的格式化指令。樣式規則由一個或多個樣式屬性及其值組成。內部樣式單直接放在網頁中,外部樣式單保存在獨立的文檔中,網頁通過一個特殊標簽鏈接外部樣式單。
在css樣式中,星號代表的是“所有元素”,“*”選擇器能夠選取所有的元素或者一個元素中的所有子元素。使用“*”選擇器來設置樣式,會統一設置所有元素的樣式,語法為“*{css屬性:屬性值;}”。
星號選擇器(*)表示選中所有的元素。
* 選擇器選取所有元素。
* 選擇器也能選取另一個元素中的所有元素。
注意:*選擇器比較消耗性能,盡量避免使用,應使用更加精確的選擇器選擇元素。
CSS規則由兩部分組成,選擇器,和一條或多條聲明,例如:
h1 {color:blue; font-size:12px;}
選擇器通常是html中的一個標簽,每條聲明由一個屬性和屬性值組成,一般是樣式屬性
CSS一般寫在html文件中的<style></style>標簽里面,
CSS注釋:以/* 開頭,*/結尾
javascript改變CSS樣式分為局部和全局,分別如下: 一、局部改變樣式 有三種方法:直接改變樣式、改變className和改變cssText 改變className: document.getElementById('obj').className="…" 改變cssText:document.getElementById('obj').style.cssText="width:20px; border:solid 1px #f00;"; 改變直接樣式: document.getElementById('obj').style.backgroundColor="#003366″ 二、全局改變樣式 通過改變外鏈樣式的的href的值實現網頁樣式的實時切換,也就是"改變模板風格"。 首先需要賦予需要改變的目標一個id,如 代碼如下: <link rel="stylesheet" type="text/css" id="css" href="firefox.css" /> 調用時很簡單,如 代碼如下: <span onclick="javascript:document.getElementById('css').href='ie.css'">點我改變樣式</span>