在網(wǎng)站建設(shè)中Css樣式的基礎(chǔ)語(yǔ)法

申請(qǐng)免費(fèi)試用、咨詢電話：400-8352-114

日期:2012-12-27來(lái)源:泛普軟件

我們?cè)诰W(wǎng)站建設(shè)的時(shí)候CSS（層疊樣式）是經(jīng)常用到的，這一次我們來(lái)說(shuō)一說(shuō)CSS的基礎(chǔ)語(yǔ)法。

Css語(yǔ)法規(guī)則
CSS 規(guī)則由兩個(gè)主要的部分構(gòu)成：選擇器，以及一條或多條聲明。
selector {declaration1; declaration2; ... declarationN }
選擇器通常是您需要改變樣式的 HTML 元素。
每條聲明由一個(gè)屬性和一個(gè)值組成。
屬性（property）是您希望設(shè)置的樣式屬性（style attribute）。每個(gè)屬性有一個(gè)值。屬性和值被冒號(hào)分開(kāi)。

Css語(yǔ)法實(shí)例
比如：將 p 元素內(nèi)的文字顏色定義為紅色，同時(shí)將字體大小設(shè)置為 13像素。在這個(gè)例子中，h1 是選擇器，color 和 font-size 是屬性，顏色#ff0000(red) 和 13px 是值。代碼如下：
p{ font-size:13px;color:#ff0000;}
提示：如果要定義不止一個(gè)聲明，則需要用分號(hào)將每個(gè)聲明分開(kāi)。下面的例子展示出如何定義一個(gè)紅色文字的居中段落。最后一條規(guī)則是不需要加分號(hào)的，因?yàn)榉痔?hào)在英語(yǔ)中是一個(gè)分隔符號(hào)，不是結(jié)束符號(hào)。然而，大多數(shù)有經(jīng)驗(yàn)的設(shè)計(jì)師會(huì)在每條聲明的末尾都加上分號(hào)，這么的好處是，當(dāng)你從現(xiàn)有的規(guī)則中增減聲明時(shí)，會(huì)盡可能的減少出錯(cuò)的可能性。

總之我們?cè)诰W(wǎng)站制作的時(shí)候，會(huì)應(yīng)用到很多不同的定義HTML元素的屬性，這樣就要求大有對(duì)CSS及HTML語(yǔ)方非常熟悉才能做應(yīng)用自如，那么要怎么樣做到應(yīng)用自如呢？在這里泛普軟件給出大家一條方法，就是多寫(xiě)、多看、多想。這樣就能做應(yīng)用自如了。