css樣式選擇器的類型有哪幾種,CSS的類選擇器和id選擇器各有什么優勢?
ID用于標識頁面上的特定元素(比如站點導航),而且必須是唯一的。 ID也可以用來標識持久的結構性元素,例如主導航或內容區域。ID還可以用來標識一次性元素,例如某個鏈接或表單元素。一個ID只能應用于頁面上的一個元素。
class同一個類名可以應用于頁面上任意多個元素,因此類的功能強大的多。類非常適合表示內容的類型或其他相似的條目。
在實際開發中,要根據實際使用情況來決定是使用哪種樣式。對于單一元素的在單一界面的展示樣式可以推薦是用id來定位。多余多個界面公用,或者同一界面多個元素風格一致,樣式統一使用class類要方便的多。
下面就是最簡單的一個小例子:
展示效果:
css器是什么?
css是層疊樣式表,是一種用來表現HTML或XML等文件樣式的計算機語言。它不僅可以靜態地修飾網頁,還可以配合各種腳本語言動態地對網頁各元素進行格式化。CSS為HTML標記語言提供了一種樣式描述,定義了其中元素的顯示方式,實現了很多功能。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、中文字體的粗體和斜體,遠離較好,利民利己。
DW怎么設置超鏈接復合CSS樣式?
1.打開文檔,然后打開“CSS樣式”面板。
2.在“CSS樣式”面板中,點擊右下角的“新建 CSS 規則”按鈕,打開“新建 CSS 規則”對話框, 在“選擇器類型”中選擇“復合內容(基于選擇的內容)”項。 在“選擇器名稱”中點擊右邊的下拉箭頭,我們可以看到: a:link:未訪問的超鏈接。 a:visited:已經訪問過的超鏈接。 a:hover:鼠標指針移動到上面時的超鏈接。 a:active:正在訪問的超鏈接。
3.在“選擇器名稱”中選擇“a:link”項,然后點擊“確定”按鈕,打開“CSS 規則定義”對話框。
4.在“CSS 規則定義”對話框中,在“分類”下拉框中選擇“類型”,然后在右邊“類型”部分設置鏈接字體的顏色、大小和修飾等。