CSS基礎(chǔ)

為網(wǎng)頁(yè)添加樣式

術(shù)語(yǔ)解釋

css規(guī)則 = 選擇器+ 聲明塊

選擇器 ：選中元素

元素選擇器 :

ID選擇器 ： 選擇

類選擇器

聲明塊出現(xiàn)在大括號(hào)中，聲明塊中包含很多聲明，也叫做屬性，每一個(gè)聲明表達(dá)了某一方面的樣式

CSS代碼書(shū)寫的位置

內(nèi)部樣式表（樣式少的時(shí)候可以使用）

書(shū)寫在style元素中，通常把style元素放在head中

內(nèi)聯(lián)樣式表（元素樣式表）

直接書(shū)寫在元素的style屬性中

外部樣式表

將樣式書(shū)寫到獨(dú)立的css文件中，

>外部樣式可以多頁(yè)面樣式重復(fù)的問(wèn)題

>有利于瀏覽器緩存，從而提高頁(yè)面速度

>有利于代碼分離（HTML和CSS），更容易閱讀和維護(hù)

常見(jiàn)樣式聲明

常見(jiàn)樣式

color

元素內(nèi)部的文字顏色

background-color

元素背景顏色

font-size

元素內(nèi)部文字的尺寸大小，每個(gè)元素必須有字體大小，如果沒(méi)有聲明，則直接使用父元素的字體，如果沒(méi)有父元素，則使用基準(zhǔn)字號(hào)

| px : 像素，單位，簡(jiǎn)單的理解為文字的高度占多少個(gè)像素

| em: 相對(duì)單位 ，相對(duì)于父元素的字體大小