CSS 基礎(chǔ)選擇器

選擇器分為基礎(chǔ)選擇器和復(fù)合選擇器兩個(gè)大類.

基礎(chǔ)選擇器是由單個(gè)選擇器組

基礎(chǔ)選擇器又包括：標(biāo)簽選擇器、類選擇器、id 選擇器和通配符選擇器

- 標(biāo)簽選擇器

標(biāo)簽名{屬性1: 屬性值1; 屬性2: 屬性值2; 屬性3: 屬性值3; ... }

- 類選擇器

.類名 {屬性1: 屬性值1; ... }

-多類名使用方式

<div class="red font20">亞瑟</div>

多類名開(kāi)發(fā)中使用場(chǎng)景
(1) 可以把一些標(biāo)簽元素相同的樣式(共同的部分)放到一個(gè)類里面.
(2) 這些標(biāo)簽都可以調(diào)用這個(gè)公共的類,然后再調(diào)用自己獨(dú)有的類.
(3) 從而節(jié)省CSS代碼,統(tǒng)一修改也非常方便.

- id 選擇器

#id名 {屬性1: 屬性值1; ... }

注意：id 屬性只能在每個(gè) HTML 文檔中出現(xiàn)一次。口訣: 樣式#定義,結(jié)構(gòu)id調(diào)用, 只能調(diào)用一次, 別人切勿使用.

id 選擇器和類選擇器的區(qū)別
① 類選擇器（class）好比人的名字，一個(gè)人可以有多個(gè)名字，同時(shí)一個(gè)名字也可以被多個(gè)人使用。
② id 選擇器好比人的身份證號(hào)碼，全中國(guó)是唯一的，不得重復(fù)。
③ id 選擇器和類選擇器最大的不同在于使用次數(shù)上。
④ 類選擇器在修改樣式中用的最多，id 選擇器一般用于頁(yè)面唯一性的元素上，經(jīng)常和 JavaScript 搭配使用。

- 通配符選擇器

在 CSS 中，通配符選擇器使用“*”定義，它表示選取頁(yè)面中所有元素（標(biāo)簽）。

* {屬性1: 屬性值1; ... }

• 以下是清除所有的元素標(biāo)簽的內(nèi)外邊距

* {margin: 0;padding: 0; }

CSS 字體屬性

- 字體系列

CSS 使用 font-family 屬性定義文本的字體系列。 p { font-family:"微軟雅黑";} div {font-family: Arial,"Microsoft Yahei", "微軟雅黑";}

各種字體之間必須使用英文狀態(tài)下的逗號(hào)隔開(kāi)
一般情況下,如果有空格隔開(kāi)的多個(gè)單詞組成的字體,加引號(hào). ? 盡量使用系統(tǒng)默認(rèn)自帶字體，保證在任何用戶的瀏覽器中都能正確顯示
最常見(jiàn)的幾個(gè)字體：body {font-family: ‘Microsoft YaHei’,tahoma,arial,‘Hiragino Sans GB’; }

CSS 使用 font-size 屬性定義字體大小。 p { font-size: 20px; }

• px（像素）大小是我們網(wǎng)頁(yè)的最常用的單位
• 谷歌瀏覽器默認(rèn)的文字大小為16px
  - 不同瀏覽器可能默認(rèn)顯示的字號(hào)大小不一致，我們盡量給一個(gè)明確值大小，不要默認(rèn)大小 可以給 body 指定整個(gè)頁(yè)面文字的大小

- 字體粗細(xì)

p { font-weight: bold; }

**

- 文字樣式

**

p { font-style: normal; }

總結(jié)

以上是生活随笔為你收集整理的前端小白奋斗史03(css)的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。