<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    qileilove

    blog已經(jīng)轉移至github,大家請訪問 http://qaseven.github.io/

    CSS 基礎語法

    CSS 語法

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

    selector {declaration1; declaration2; ... declarationN }

    選擇器通常是您需要改變樣式的 HTML 元素。

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

    屬性(property)是您希望設置的樣式屬性(style attribute)。每個屬性有一個值。屬性和值被冒號分開。

    selector {property: value}

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

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

    h1 {color:red; font-size:14px;}

    下面的示意圖為您展示了上面這段代碼的結構:

    CSS 語法

    提示:請使用花括號來包圍聲明。

    值的不同寫法和單位

    除了英文單詞 red,我們還可以使用十六進制的顏色值 #ff0000:

    p { color: #ff0000; }

    為了節(jié)約字節(jié),我們可以使用 CSS 的縮寫形式:

    p { color: #f00; }

    我們還可以通過兩種方法使用 RGB 值:

    p { color: #ff0000; } p { color: rgb(100%,0%,0%); }

    請注意,當使用 RGB 百分比時,即使當值為 0 時也要寫百分比符號。但是在其他的情況下就不需要這么做了。比如說,當尺寸為 0 像素時,0 之后不需要使用 px 單位,因為 0 就是 0,無論單位是什么。

    記得寫引號

    提示:如果值為若干單詞,則要給值加引號:

    p {font-family: "sans serif";}

    多重聲明:

    提示:如果要定義不止一個聲明,則需要用分號將每個聲明分開。下面的例子展示出如何定義一個紅色文字的居中段落。最后一條規(guī)則是不需要加分號的,因為分號在英語中是一個分隔符號,不是結束符號。然而,大多數(shù)有經(jīng)驗的設計師會在每條聲明的末尾都加上分號,這么做的好處是,當你從現(xiàn)有的規(guī)則中增減聲明時,會盡可能地減少出錯的可能性。就像這樣:

    p {text-align:center; color:red;}	

    你應該在每行只描述一個屬性,這樣可以增強樣式定義的可讀性,就像這樣:

    p {   text-align: center;   color: black;   font-family: arial; }

    空格和大小寫

    大多數(shù)樣式表包含不止一條規(guī)則,而大多數(shù)規(guī)則包含不止一個聲明。多重聲明和空格的使用使得樣式表更容易被編輯:

    body {   color: #000;   background: #fff;   margin: 0;   padding: 0;   font-family: Georgia, Palatino, serif;   }

    是否包含空格不會影響 CSS 在瀏覽器的工作效果,同樣,與 XHTML 不同,CSS 對大小寫不敏感。不過存在一個例外:如果涉及到與 HTML 文檔一起工作的話,class 和 id 名稱對大小寫是敏感的。

    posted on 2014-04-15 17:54 順其自然EVO 閱讀(189) 評論(0)  編輯  收藏 所屬分類: CSS 教程


    只有注冊用戶登錄后才能發(fā)表評論。


    網(wǎng)站導航:
    博客園   IT新聞   Chat2DB   C++博客   博問  
     
    <2025年5月>
    27282930123
    45678910
    11121314151617
    18192021222324
    25262728293031
    1234567

    導航

    統(tǒng)計

    常用鏈接

    留言簿(55)

    隨筆分類

    隨筆檔案

    文章分類

    文章檔案

    搜索

    最新評論

    閱讀排行榜

    評論排行榜

    主站蜘蛛池模板: 日韩免费视频播播| APP在线免费观看视频| 成人看的午夜免费毛片| 亚洲一级免费视频| 成人午夜视频免费| 一区二区三区观看免费中文视频在线播放 | 羞羞的视频在线免费观看| 亚洲国产激情一区二区三区| 日韩一级片免费观看| 国产亚洲精品无码成人| 美丽姑娘免费观看在线观看中文版 | 亚洲色偷偷色噜噜狠狠99| 国产一区二区三区在线观看免费| 一级女性全黄久久生活片免费| 亚洲字幕AV一区二区三区四区| 亚洲毛片免费观看| 亚洲国产精品成人网址天堂| 国内自产少妇自拍区免费| 国产免费AV片在线观看| 亚洲欧美成人一区二区三区| 一本色道久久综合亚洲精品| 久久精品无码专区免费东京热 | 91香蕉国产线观看免费全集| 久久免费观看国产精品88av| 亚洲国产欧洲综合997久久| 亚洲裸男gv网站| 亚洲高清中文字幕免费| 免费人成动漫在线播放r18| 91亚洲性爱在线视频| 精品亚洲成α人无码成α在线观看| 最刺激黄a大片免费网站| 无码一区二区三区免费| 久久久久久国产精品免费免费男同 | 污污视频网站免费观看| 日韩在线视频线视频免费网站| 污污视频网站免费观看| 又黄又大的激情视频在线观看免费视频社区在线 | 污污的视频在线免费观看| 一区二区三区免费视频观看| 亚洲国产精品综合久久20| 狠狠色伊人亚洲综合成人|