CSS基礎及選擇器

2022-09-16 04:12:13 字數 981 閱讀 5334

css 規則由兩個主要的部分構成:選擇器,以及一條或多條宣告。

選擇器通常是您需要改變樣式的 html 元素。

每條宣告由乙個屬性和乙個值組成。

屬性(property)是您希望設定的樣式屬性(style attribute)。每個屬性有乙個值。屬性和值被冒號分開。

選擇器的分組

你可以對選擇器進行分組,這樣,被分組的選擇器就可以分享相同的宣告。用逗號將需要分組的選擇器分開。

相鄰兄弟選擇器(adjacent sibling selector)可選擇緊接在另一元素後的元素,且二者有相同父元素。

相鄰兄弟選擇器使用了加號(+),即相鄰兄弟結合符(adjacent sibling combinator)。

錨偽類選擇器

a:link/* 未訪問的鏈結 */

a:visited/* 已訪問的鏈結 */

a:hover/* 滑鼠移動到鏈結上 */

a:active/* 選定的鏈結 */

id 選擇器 

id 選擇器可以為標有特定 id 的 html 元素指定特定的樣式。

id 選擇器以 "#" 來定義。

下面的兩個 id 選擇器,第乙個可以定義元素的顏色為紅色,第二個定義元素的顏色為綠色:

#red#green
下面的 html **中,id 屬性為 red 的 p 元素顯示為紅色,而 id 屬性為 green 的 p 元素顯示為綠色。

這個段落是紅色。

這個段落是綠色。

注意:id 屬性只能在每個 html 文件**現一次。

類選擇器

在 css 中,類選擇器以乙個點號顯示;

和 id 一樣,class 也可被用作派生選擇器

CSS基礎及選擇器

css的優勢 css基礎語法 選擇器注意 css語句的最後一條宣告可寫可不寫,但基於w3c標準規範考慮,建議最後一條宣告的結束 都要寫上 style標籤 style 標籤在html文件中的位置 在 和 之間 引入css的方式 標籤選擇器 html標籤作為標籤選擇器的名稱 標籤選擇器直接應用於html...

CSS選擇器之基礎選擇器

選擇器 選擇符 就是根據不同需求把不同的標籤選出來這就是選擇器的作用。簡單來說,就是選擇標籤用的。標籤選擇器 又稱元素選擇器,指用html標籤作為選擇器,為頁面中某類標籤設定css樣式。缺點 不能差異化設定樣式,只能選擇全部的當前標籤。語法 基礎選擇器之標籤選擇器title 標籤選擇器 寫上標籤名 ...

CSS 選擇器之基礎選擇器

id選擇器 選擇具體的id屬性值的元素 元素選擇器 選擇具有相同標籤名稱的元素 類選擇器 選擇具有相同的class屬性值的元素。id選擇器,是根據標籤的id屬性值選擇對應的標籤的。格式 id值舉例 定義兩個p標籤,且標籤的id屬性值不同,然後用css定義p標籤的內容如何顯示。google瀏覽器中開啟...