mg不朽的情缘5滴血大奖视频

書名： Div+CSS3.0網頁布局案例精粹（升級版）
作者名：張曉景
本章字數： 1336字
更新時間： 2020-03-02 16:09:21

2.5 CSS的基礎選擇符

基礎選擇符是CSS中使用最廣泛、最頻繁、最基礎，也是CSS中最早定義的選擇符，這部分選擇符在最開始的CSS中就定義了，下面回顧一下CSS中的基礎選擇符。

2.5.1 通配選擇符

如果接觸過DOS命令或Word中的替換功能，那么對于通配操作應該不會感到陌生。通配是指使用字符替代不確定的字，如在DOS命令中，使用*.*表示所有文件，使用*.bat表示所有擴展名為bat的文件。因此，所謂的通配操作，是指對對象可以使用模糊指定的方式進行選擇。CSS的通配選擇符可以使用*作為關鍵字，使用方法如下：

*表示所有對象，包含所有不同id、不同class的HTML的所有標簽。使用如上的選擇符進行樣式定義，頁面中所有對象都會使用相同的屬性設置。

2.5.2 標簽選擇符

HTML文檔是由多個不同的標簽組成的，CSS標簽選擇符可以用來控制標簽的應用樣式。例如，p選擇符可以用來控制頁面中所有<p>標簽的樣式風格。標簽選擇符的語法格式如下：

如果在整個網站中經常出現一些基本樣式，就可以采用具體的標簽來命名，從而實現對文檔中標簽出現的地方應用標簽樣式，使用方法如下：

提示

HTML標簽在網頁中都是具有特定作用的，并且有些標簽在一個網頁中只能出現一次，如<body>標簽，如果定義了兩次<body>標簽的CSS樣式，則兩個CSS樣式中相同屬性設置會出現覆蓋的情況。

2.5.3 id選擇符

id選擇符是基于DOM（文檔對象模型）的一種選擇符類型，對于一個網頁而言，其中的每個標簽（或其他對象）均可以使用一個id=" "的形式，對id屬性進行一個名稱的指派，代碼如下。id可以理解為一個標識，在網頁中每個id名稱只能使用一次。

如上所示，HTML中的一個<div>標簽被指定了id名稱為top。

在CSS中，id選擇符使用#進行標識，如果需要對id名稱為top的標簽設置樣式，應當使用如下格式：

id的基本作用是對每個頁面中唯一出現的元素進行定義，如可以將導航條命名為nav，將網頁頭部和底部命名為header和footer。類似的元素在頁面中均只出現一次，使用id進行命名具有進行唯一性指派的含義，有助于代碼閱讀及使用。

2.5.4 類選擇符

在網頁中通過使用標簽選擇符，可以控制網頁中所有該標簽顯示的樣式，但是，根據網頁設計過程中的實際需要，標簽選擇符對設置個別標簽的樣式還是力不能及的。因此，就需要使用類（class）選擇符，來達到特殊效果的設置。

類選擇符用來為一系列的標簽定義相同的顯示樣式，其基本語法如下：

類名稱表示類選擇符的名稱，其具體名稱由CSS定義者自己命名。在定義類選擇符時，需要在類名稱前面加一個英文句點。

技能案例：使用類選擇符定義樣式

源文件：源文件\第2章\2-5-4.html

（1）定義兩個類選擇符，分別是font01和font02。類的名稱可以是任意英文字符串，也可以是以英文字母開頭的英文與數字的組合，通常情況下，這些名稱都是其效果與功能的簡要縮寫。例如：

（2）可以使用HTML標簽的class屬性來引用類選擇符。

（3）以上所定義的類選擇符被應用于指定的HTML標簽中（如<p>標簽），同時它還可以應用于不同的HTML標簽，使其顯示出相同的樣式。例如：

2.5.5 群組選擇符

可以對單個HTML對象進行CSS設置，同樣可以對一組HTML對象進行相同的CSS設置。例如：

使用逗號對選擇符進行分隔，使得頁面中所有的<h1>、<h2>、<h3>、<p>和<span>標簽具有相同的樣式定義。這樣做的好處是，對于頁面中需要使用相同樣式的地方只需要書寫一次CSS即可實現，可以減少代碼量，改善CSS代碼的結構。

2.5.6 基礎選擇符瀏覽器適配

基礎選擇符的瀏覽器兼容性如表2-3所示。

表2-3 基礎選擇符的瀏覽器兼容性

官术网_书友最值得收藏!

Div+CSS3.0網頁布局案例精粹（升級版）