CSS基礎(chǔ)語法和CSS經(jīng)常用到的知識點總結(jié)

　　今天就發(fā)布一下關(guān)于CSS布局的入門基礎(chǔ)教程 主要講解CSS基礎(chǔ)和CSS基礎(chǔ)語法運用和一些常用必備小知識點!希望能幫助哪些站長們和CSS布局初學者!

　　====開始====

　　CSS基礎(chǔ)語法

　　CSS 規(guī)則由兩個主要的部分構(gòu)成：選擇器，以及一條或多條聲明。

　　每條聲明由一個屬性和一個值組成。

　　每個屬性有一個值。屬性和值被冒號分開。

　　例如：下面這行代碼的作用是將 h1 元素內(nèi)的文字顏色定義為紅色，同時將字體大小設(shè)置為 14 像素。

　　在這個例子中，h1 是選擇器，color 和 font-size 是屬性，red 和 14px 是值。

　　h1 {color:red; font-size:14px;}//看見后面有分號,如果是一個屬性或者這個屬性在尾部可以不加分號，除了這兩種情況必須加 不然頁面是很錯亂的

　　=======================

　　頁面居中問題

　　可以先設(shè)置

　　body{margin:0 auto;}

　　有的瀏覽器即使設(shè)置這個也不會居中的那么就要加上這句DTD申明代碼

　　===================

　　body和p背景設(shè)置問題

　　①、background-color//背景顏色屬性

　　②、background-image:url('背景圖片路徑');//背景圖片屬性

　　body { background-color:blue;} p{ background-image:url('背景圖片路徑');}

　　③、如果需要在頁面上對背景圖像進行平鋪，可以使用 background-repeat 屬性。

　　背景定位

　　可以利用 background-position 屬性改變圖像在背景中的位置。

　　下面的例子在 body 元素中將一個背景圖像居中放置垂直平鋪：

　　body

　　{

　　background-image: url(iiwnet.gif);

　　background-repeat: repeat-y;//垂直方向平鋪repeat-x水平方向的repeat兩個方向都平鋪 no-repeat都不平鋪

　　background-position:center;//居中

　　}

　　body是標簽名PHPweb批量刪除關(guān)鍵詞，background-color,background-imagePHPweb批量助手，background-repeat是屬性，blue是屬性值等

　　當然這些屬性可以用一句話綜合寫起來 看下面屬性綜合寫法

　　=================

　　多個標簽組合

　　h1,h2,h3 {color:red;}//是逗號分開的 一般用在有的標簽樣式一樣就可以寫在一起這樣就減少代碼的使用，能重復調(diào)用

　　把標題

　　的字體顏色都變?yōu)榧t色

　　=================

　　屬性綜合寫法

　　p {font:italic normal bold 11pt arial;}// 這是字體相關(guān)屬性的綜合寫法

　　p的字體風格(font-style)屬性值是italic，字體變量(font-variant)屬性值是normal，字體濃淡(font-weight)屬性值是bold，字體大小(font-size)屬性值是11pt，字體名稱(font-family)屬性值是Arial

　　p{border:1px solid #dddddd}//這是邊距屬性綜合寫法 大小 樣式(solid為實線 dashed為虛線 dotted為點線。。。還有自己總結(jié))你看到?jīng)]我這一句css代碼結(jié)尾沒分號;是可以的上面已經(jīng)講過了

　　================

　　標簽嵌套

　　p h1 {color:blue;}

　　p里面的

　　字體顏色為藍色。