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

　　====開始====

　　CSS基礎(chǔ)語法

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

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

　　每個(gè)屬性有一個(gè)值推動。屬性和值被冒號分開。

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

　　在這個(gè)例子中相關，h1 是選擇器，color 和 font-size 是屬性豐富內涵，red 和 14px 是值生產效率。

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

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

　　頁面居中問題

　　可以先設(shè)置

　　body{margin:0 auto;}

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

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

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

　《喾N、賹⑦M一步、background-color//背景顏色屬性

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

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

　〕删?、邸⑷绻枰陧撁嫔蠈Ρ尘皥D像進(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;}//是逗號分開的 一般用在有的標(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é)尾沒分號;是可以的上面已經(jīng)講過了

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

　　標(biāo)簽嵌套

　　p h1 {color:blue;}

　　p里面的

　　字體顏色為藍(lán)色。