CSS使用方式及選擇器

2021-09-01 23:43:38 字數 899 閱讀 2461

「內嵌樣式」:寫在style標籤對裡面。

「行內樣式」:直接寫在標籤行上面。

「外鏈樣式」:單獨寫乙個css檔案,通過link標籤引入。

「匯入式」:單獨寫乙個css檔案,通過@import匯入。

css的基礎選擇器主要有三個:「標籤選擇器」、「類選擇器」和「id選擇器」。

後代選擇器是對某元素所巢狀的指定元素進行選擇,每個選擇符之間用空格進行分割,多個巢狀層次應該以多個空格進行分割。

子選擇器區別與後代選擇器的地方就是,後代選擇器可以選擇巢狀在標籤內部任意層級的標籤元素,而自選擇器只能選擇當前標籤往內一層的元素。每個選擇符之間用「>」進行分割。

偽類選擇器和其它選擇器有所不同,它是通過觸發一定的「事件」來實現效果,也就是說如果不進行任何操作是看不到該選擇器的css樣式設定的。

群組選擇器的使用範疇是,多個選擇器使用同乙個樣式或者同一組樣式。這在做css樣式初始化,css框架設計以及後期css**優化時會經常使用。

同級(兄弟)元素選擇器選定當前標籤同級的其它指定標籤。同級元素有兩種,即「+」和「」,「+」只能選擇該標籤下乙個對應標籤,「」能選擇該標籤後的所有同級相應標籤。

屬性選擇器該選擇器所針對的既不是某個標籤,也不是類名,或者id,它是將乙個標籤的屬性作為選擇器來使用,最常用的地方就是涉及到屬性多而雜的表單元素。基本寫法是「[」 + 「屬性名」 + 「]」的格式。

基本型別選擇器權重行列樣式:1000

id選擇器: 100

class選擇器:10 【屬性選擇器】

標籤選擇器:1

*任意符選擇器:0 (大於預設樣式與繼承驗樣式)

就近原則

當權重值相同時,誰和要設定的html標籤隔得近,誰的權重就高。

組合選擇器

權重群組選擇器: 單獨計算

後代,子代,兄弟等選擇器:權重相加

2 CSS使用方式及常用選擇器

1.css的使用方式 1.行內樣式 2.內聯樣式 3.外聯樣式 href css index.css 此處為外部css的位址 index.css內 div2.常見選擇器 這個是乙個段落 這個是乙個段落 3.包含選擇器 4.屬性選擇器 這個是乙個div 這個是乙個div attribute 用於選取帶...

CSS選擇器及用法

用來修飾標籤的技術,叫層疊樣式表 簡稱css 選中網頁中某乙個指定id的標籤的樣式 網頁中的標籤,每個標籤有且僅有乙個唯一的id 例項 選中所有網頁中指定class屬性的標籤的樣式 不同的標籤的class屬性可以一樣,表示使用同一種樣式來修飾 例項 使用指定的標籤,來修飾網頁中所有選中的標籤的樣式 ...

CSS基礎及選擇器

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