摘要:基本選擇器通用元素選擇器表示應用到所有的標簽。元素標簽選擇器匹配所有標簽的元素類選擇器匹配所有屬性中包含起的類名的元素。
基本選擇器
1、通用元素選擇器
*表示應用到所有的標簽。
*{
padding:0px;
margin:0px;
}
2、元素/標簽選擇器
匹配所有p標簽的元素
p{
color:red;
background:yellow;
}
3、類選擇器
匹配所有class屬性中包含“起的類名”的元素。
語法:.類名{屬性名:屬性值;}
注意:類名不能以數字開頭,類名要區分大小寫
html:
我是p
css:
.head{
color:red;
background:yellow;
}
4、id選擇器
使用id屬性來調用樣式,在一個網頁中id的值都是唯一的。(相當于人的身份證)
語法:#id名{屬性名:屬性值;}(id名不能以數字開頭)
html:?
我是p
css:
#green{
color:green;
}
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/1462.html
摘要:可以是數字,關鍵詞或公式十一目標偽類選擇器器目標偽類選擇器選擇器可用于選取當前活動的目標元素基礎選擇器一、標簽選擇器(元素選擇器)標簽選擇器是指用HTML標簽名稱作為選擇器,按標簽名稱分類語法:標簽名{屬性1:屬性值1;屬性2:屬性值2;屬性3:屬性值3;} 二、類選擇器1、類選擇器使用.(英文)+類名進行選擇 三、css命名規范1、長名稱或詞組可以使用中橫線來為選擇器命名2、不建議使用_下...
摘要:表示的是滿足第一個選擇器的前提下,從它匹配到的元素后,去尋找位于同一層級,且在該元素后面的所有滿足第二個選擇器的元素。 本篇文章已授權微信公眾號 dasu_Android(大蘇)獨家發布 聲明 本系列文章內容全部梳理自以下四個來源: 《HTML5權威指南》 《JavaScript權威指南》 MDN web docs Github:smyhvae/web 作為一個前端小白,入門跟著這四個...
一、語法規則 選擇器{ 屬性1:屬性值1; 屬性2:屬性值2; ...... } /*注釋*/ 二、如何在html中應用CSS 1. 外部引用css文件 css文件:css/layout.css(css文件夾和HTML位于同一個目錄下) 2. 內部嵌入css /*css代碼*/ 3...
一、語法規則 選擇器{ 屬性1:屬性值1; 屬性2:屬性值2; ...... } /*注釋*/ 二、如何在html中應用CSS 1. 外部引用css文件 css文件:css/layout.css(css文件夾和HTML位于同一個目錄下) 2. 內部嵌入css /*css代碼*/ 3...
摘要:選擇器,若未作特別說明,獲取的都是元素集合。過濾器名語法說明選取所有不可見元素選取所有可見元素注意過濾器一般是包含的內容為樣式為表單類型為和的元素。四子元素過濾器子元素過濾器的過濾規則是通過父元素和子元素的關系來獲取相應的元素。 轉自個人博客本來是單獨整理了一個CSS選擇器的,但是在jQuery中基本都有對應的,所以就不發了。 jQuery選擇器,若未作特別說明,獲取的都是元素集合。...
閱讀 1685·2021-08-30 09:45
閱讀 1751·2019-08-30 15:54
閱讀 1169·2019-08-30 14:02
閱讀 1925·2019-08-29 16:21
閱讀 1609·2019-08-29 13:47
閱讀 3194·2019-08-29 12:27
閱讀 698·2019-08-29 11:01
閱讀 2659·2019-08-26 14:04