CSS CSS常用選擇器

2022-05-24 08:18:09 字數 1305 閱讀 1519

div是乙個html的標籤,單獨使用沒有意義,必須結合css使用;

是乙個塊級元素,單獨佔一行;

它主要用於頁面的布局;

div是乙個html的標籤,單獨使用沒有意義,必須結合css使用;

是乙個內聯元素,顯示一行;

它主要用於對括起來的內容進行樣式的修飾;

層疊樣式表:同一元素,同一屬性,設定不同值;

解決內容與表現分離的問題(html只能將元素展現出來,內容樣式無法展示出來),對內容進行修飾;

*第一種寫法:寫在內部

*第二種寫法:外部引入

(選擇器:用於快速查詢需要設定樣式的元素)

選擇器
*最後乙個分號可省略

a. 元素選擇器:對整體設定樣式(div)

例子:

哈哈哈哈哈11

哈哈哈哈哈22

哈哈哈哈哈33

哈哈哈哈哈44

哈哈哈哈哈55

結果:

b. 類選擇器:部分設定樣式(. class名字)

例子:

哈哈哈哈哈11

哈哈哈哈哈22

哈哈哈哈哈33

哈哈哈哈哈44

哈哈哈哈哈55

結果:

c. id選擇器:單個設定樣式(# id名)

*注意:雖然44可以實現樣式,但不是id選擇器的目的,此處是有問題的。使用時只設定乙個。

例子:

哈哈哈哈哈11

哈哈哈哈哈22

哈哈哈哈哈33

哈哈哈哈哈44

哈哈哈哈哈55

結果:

d. 通配選擇器:選擇頁面中所有元素

*
e. 後代元素選擇器:(祖先元素 後代元素)

例子:選擇在中的

哈哈哈哈哈11

哈哈哈哈哈22

哈哈哈哈哈33

哈哈哈哈哈55

哈哈哈哈哈55

結果:

css css常用的選擇器

css的選擇器有標籤選擇器 類選擇器 id選擇器 層級選擇器 組選擇器 偽類選擇器 選擇器表示方式 標籤選擇器 直接使用標籤名 類選擇器 標籤指定class屬性,用 類名 表示 id選擇器 標籤指定id屬性,用 id名 表示 層級選擇器 標籤裡內嵌標籤,可以使用空格隔開定位後代標籤 組選擇器 選擇器...

web前端基礎 CSS css選擇器

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

CSS CSS 凡境 前期 基礎選擇器

點進這篇部落格學習前端的人,肯定都不是十三十四的小孩子了吧.那麼肯定都已經看過 鬥破蒼穹 這篇 吧.css這個階段我打算大體上分三章講完,然後每章的標題我都會以靈魂境界來進行劃分學習的難易程度,希望大家認真學習 相信學過html的都知道,用html做出來的網頁用乙個共性就是 醜 看上去總覺得不像那麼...