CSS基礎及選擇器

2021-09-24 13:10:28 字數 747 閱讀 2907

css的優勢

css基礎語法

選擇器注意:css語句的最後一條宣告可寫可不寫,但基於w3c標準規範考慮,建議最後一條宣告的結束「;」 都要寫上

style標籤

style 標籤在html文件中的位置 , 在 和 之間

引入css的方式

標籤選擇器

html標籤作為標籤選擇器的名稱 ,標籤選擇器直接應用於html標籤

類選擇器

類選擇器可在頁面中多次使用

hello css

hello css3

id選擇器

id具有唯一性,同名的id選擇器在同乙個頁面中只能使用一次

hello css

hello css3

基本選擇器的優先順序

id選擇器》類選擇器》標籤選擇器 (不遵循就近原則)

層次選擇器

結構偽類選擇器

執行結果:

屬性選擇器

12345

CSS基礎及選擇器

css 規則由兩個主要的部分構成 選擇器,以及一條或多條宣告。選擇器通常是您需要改變樣式的 html 元素。每條宣告由乙個屬性和乙個值組成。屬性 property 是您希望設定的樣式屬性 style attribute 每個屬性有乙個值。屬性和值被冒號分開。選擇器的分組 你可以對選擇器進行分組,這樣...

CSS選擇器之基礎選擇器

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

CSS 選擇器之基礎選擇器

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