1、 css樣式的五種選擇器,css的四種使用方式?
CSS的四種使用方式:
1、鏈接外部樣式文件
2、導入外部樣式
3、使用內部樣式定義
4、使用行內樣式
1.鏈接外部樣式表,就是把樣式表保存為一個樣式表文件,然后在頁面中用<link rel="stylesheet" type="text/css" href="*.css">鏈接這個樣式表文件.
2.內部樣式表,就是把樣式表放到頁面的<head>區里.
3.導入外部樣式表,用@import,在<head>與</head><style type="text/css">
<!--
@import "*.css"
-->
</style>
4.內嵌樣式,就是在標簽內寫入style="",比如:<td style="border-left:#cccccc">.
2、 css樣式語法?
css的樣式語法是:
1、css規則由選擇器和一條或多條聲明兩個部分構成;
2、選擇器通常是需要改變樣式的HTML元素;
3、每條聲明由一個屬性和一個值組成;
4、屬性和屬性值被冒號分隔開。css樣式語法規則由兩個主要的部分構成:選擇器,以及一條或多條聲明。
3、 偽類選擇器hover的使用?
定義和用法:hover 選擇器用于選擇鼠標指針浮動在上面的元素。提示::hover 選擇器可用于所有元素,不只是鏈接。提示::link 選擇器設置指向未被訪問頁面的鏈接的樣式,:visited 選擇器用于設置指向已被訪問的頁面的鏈接,:active 選擇器用于活動鏈接。注釋:在 CSS 定義中,:hover 必須位于 :link 和 :visited 之后(如果存在的話),這樣樣式才能生效。代碼效果測試:
請把鼠標指針移動到這些鏈接上。
這個鏈接改變顏色。
這個鏈接改變字體大小。
這個鏈接改變背景色。
這個鏈接改變字體。
這個鏈接會出現下劃線。
4、 css樣式注意事項?
1、不要使用過小的圖片做背景平鋪。這就是為何很多人都不用 1px 的原因,這才知曉。寬高 1px 的圖片平鋪出一個寬高 200px 的區域,需要 200*200=40, 000 次,占用資源。
2、無邊框。推薦的寫法是 border:none;,哈哈,我一直在用這個。 border:0; 只是定義邊框寬度為零,但邊框樣式、顏色還是會被瀏覽器解析,占用資源。
3、慎用 * 通配符。所謂通配符,就是將 CSS 中的所有標簽均初始化,不管用的不用的,過時的先進的,一視同仁,這樣,大大的占用資源。要有選擇的初始化標簽。
4、CSS 的十六進制顏色代碼縮寫。習慣了縮寫及小寫,這才知道,原來不是推薦的寫法,為的是減少解析所占用的資源。但同時會增加文件體積。孰優孰劣,有待仔細考證。
5、樣式放頭上,腳本放腳下。不內嵌,只外鏈。
6、堅決不用 CSS 表達式。
7、使用引用樣式表,而不是通過 @import 導入。
8、一般來說,PNG 比 GIF 要小,小得多。再者,GIF 中有多少顏色是被浪費的,很值得優化。
9、千萬不要在 HTML 中縮放圖片,一者不好看,二者占資源。
10、正文字體最好用偶數,12px、14px、16px,效果非常好。特例,15px。
11、block、ul、ol 等上下留出至少一倍行距,左側至少兩倍行距,右側隨意。
12、段落之間,至少要有一倍行距。
13、強行指定某些元素的 line-height,正文 1.6 倍于文字大小,標題 1.3 倍。
14、中文標點用全角。英文夾雜在中文中,左右空格,半角。
15、中文字體的粗體和斜體,遠離較好,利民利己。