10網頁前端CSS CSS選擇器

2021-08-22 02:47:54 字數 868 閱讀 7915

1:優先順序:

內聯式》嵌入式》外聯式 

當樣式衝突時,就是採用就近原則。沒有樣式衝突時則採用疊加效果。

一:css基礎語法

1:格式: 選擇器其中選擇器也叫 選擇符。

2:這裡的宣告是以 「屬性:值」的形式,而且多個宣告之間用分號進行分割

3:h1

4:這裡的h1就是選擇器,當然這裡直接用標籤當做選擇器了,後面的color 屬性取值為red,而後面的font-size屬性取值為14個畫素。其中color:red就可以理解為乙個宣告。

5:選擇器的分組: h1,h2,h3,h4,h5    多個元素加入同乙個樣式。

6:繼承

body

二:css派生選擇器

根據元素在其位置的上下關係來定義樣式

內聯文字效果改變

三:css id選擇器

1:定義   #id名

2:使用:...3:注意:id選擇符的名字只能在網頁中使用一次

4:選擇符的優先順序:從小到大 【id選擇符】->【class選擇符】->【html選擇符】->[html屬性]

id選擇器

四:css 類選擇器

class選擇符:

1:定義:.類名

2:使用:...

.m  凡是class屬性值為m的都採用此樣式。

p.ps 只有p標籤中class 屬性值為ps的才採用此樣式。

注意:類選擇符可以在網頁中重複使用。 

類選擇器

2類選擇器

11網頁前端CSS CSS顏色屬性

一 color顏色屬性 1 hsl顏色 通過色調 h 飽和度 s 亮度 l 三個顏色通道的變化以及它們相互之間的疊加來得到各式各樣的顏色。h hue色調 0 或360 表示紅色,120表示綠色,240表示藍色,也可以取其他數值來指定。s saturation飽和度 取值為0.0 100.0 l li...

web前端基礎 CSS css選擇器

選擇器就是根據不同需求把不同的標籤選出來這就是選擇器的作用。簡單來說,就是選擇標籤用的。標籤選擇器是指用 html 標籤名 稱作為選擇器,按標籤名稱分類,為頁面中某一類標籤指定統一的 css 樣式 td 02 你好li 北京li 好好學習,天天向上li ul div css部分 1 標籤選擇器 ul...

CSS CSS常用選擇器

div是乙個html的標籤,單獨使用沒有意義,必須結合css使用 是乙個塊級元素,單獨佔一行 它主要用於頁面的布局 div是乙個html的標籤,單獨使用沒有意義,必須結合css使用 是乙個內聯元素,顯示一行 它主要用於對括起來的內容進行樣式的修飾 層疊樣式表 同一元素,同一屬性,設定不同值 解決內容...