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

　　====開始====

　　CSS基礎(chǔ)語法

　　CSS 規(guī)則由兩個(gè)主要的部分構(gòu)成：選擇器技術先進，以及一條或多條聲明更多的合作機會。

　　每條聲明由一個(gè)屬性和一個(gè)值組成。

　　每個(gè)屬性有一個(gè)值認為。屬性和值被冒號(hào)分開服務好。

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

　　在這個(gè)例子中共謀發展，h1 是選擇器，color 和 font-size 是屬性，red 和 14px 是值聽得懂。

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

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

　　頁面居中問題

　　可以先設(shè)置

　　body{margin:0 auto;}

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

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

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

　　①各項要求、background-color//背景顏色屬性

　「咭?、凇ackground-image:url('背景圖片路徑');//背景圖片屬性

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

　⌒录夹g、酃餐瑢W習、如果需要在頁面上對(duì)背景圖像進(jìn)行平鋪，可以使用 background-repeat 屬性深入。

　　背景定位

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

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

　　body

　　{

　　background-image: url(iiwnet.gif);

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

　　background-position:center;//居中

　　}

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

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

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

　　多個(gè)標(biāo)簽組合

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

　　把標(biāo)題

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

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

　　屬性綜合寫法

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

　　p的字體風(fēng)格(font-style)屬性值是italic對外開放，字體變量(font-variant)屬性值是normal技術創新，字體濃淡(font-weight)屬性值是bold，字體大小(font-size)屬性值是11pt資料，字體名稱(font-family)屬性值是Arial

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

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

　　標(biāo)簽嵌套

　　p h1 {color:blue;}

　　p里面的

　　字體顏色為藍(lán)色哪些領域。