CSS 基礎選擇器

選擇器分為基礎選擇器和復合選擇器兩個大類.

基礎選擇器是由單個選擇器組

基礎選擇器又包括：標簽選擇器、類選擇器、id 選擇器和通配符選擇器

- 標簽選擇器

標簽名{屬性1: 屬性值1; 屬性2: 屬性值2; 屬性3: 屬性值3; ... }

- 類選擇器

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

-多類名使用方式

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

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

- id 選擇器

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

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

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

- 通配符選擇器

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

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

• 以下是清除所有的元素標簽的內外邊距

* {margin: 0;padding: 0; }

CSS 字體屬性

- 字體系列

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

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

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

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

- 字體粗細

p { font-weight: bold; }

**

- 文字樣式

**

p { font-style: normal; }

總結

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

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