標籤:系統 規劃 是什麼 術語 哪些 包含 情況 特色 列表
正如咱們在上一章中解說的那樣,HTML元素使頁面規劃者能夠對文檔的構造進行符號。HTML標準列出了瀏覽器應該怎麼顯現這些元素的攻略。例如,您能夠合理地保證強元素的內容將顯現粗體。此外,您能夠非常信賴大多數瀏覽器將運用大字型巨細顯現H1元素的內容…最少大於P元素,大於H2元素。可是除了信賴和期望之外,你沒有任何操控你的文字呈現。
CSS改變。CSS把規劃師放在駕駛座上。咱們致力於本書的其餘有些解說你能夠用CSS做什麼。在本章中,咱們將向您介紹怎麼編寫款式表的基本知識以及CSS和HTML怎麼一起描繪文檔的構造和外觀。
規矩和款式表
要開端運用CSS,你乃至不用寫款式表。第16章將告訴您怎麼指向Web上現有的款式表。
有兩種辦法創立我國。您能夠運用一個一般的文本修改器和“款式表”手藝編寫,也能夠運用專用工具例如頁面規劃應用程式,它支撐CSS。專用工具答應您在不學習CSS語言文法的情況下創立款式表。可是,在很多情況下,規劃師將要修正款式表的手以後,咱們引薦你學習的手藝編寫和修改系統。那咱們就開端吧。
H1 {色彩:綠色}
上面看到的是一個簡略的CSS規矩,包含一條規矩。規矩是對於一個或多個元素的一個文體方面的句子。款式表是應用於HTML文檔的一組或多個規矩集。上面的規矩設定一切榜首級標題的色彩(H1)。讓咱們來看看規矩的可視成果是什麼:
圖2.1
[映像]
咱們如今開端解剖規矩。
規矩的解剖
規矩由兩有些構成:
挑選器-左曲括弧前有些
聲明-卷括弧內的有些
[映像]
挑選器是HTML文檔和款式之間的串連。它指定了哪些元素受聲明的影響。該聲明是該規矩的一有些,論述了影響將。在上面的比如中,挑選器是H1,聲明是“色彩:綠色”。因而,一切H1元素都會遭到聲明的影響,也就是說,它們將變成綠色。(色彩特色只是影響遠景文本色彩,還有別的特色的布景,邊框等)
上面的挑選器是根據元素的類型:它挑選一切類型的元素“H1”這種挑選器被稱為類型挑選器。任何HTML元素類型都能夠用作類型挑選器。類型挑選器是最簡略的挑選器。咱們將在CSS挑選器中評論別的類型的挑選器。,“CSS挑選器。”
誓言的解剖
聲明由冒號分隔成兩有些:
特色-冒號之前的那一有些
值-冒號後的那一有些
[映像]
產業是某物所具有的品質或特性。在前面的比如中,它是色彩。CSS2(拜見獨自的盒子)界說了大概120功能,咱們能夠將值分配給一切的人。
CSS標準
層疊款式表是由W3C兩種標準描繪:CSS1和CSS2。CSS1於1996十二月發行,描繪了一個簡略的格式化模型大多是根據螢幕的示範。CSS1大概有50的特色(如色彩和字型巨細)。CSS2於1998五月完結,建立在CSS1。CSS2包含一切CSS1功能和增加自個的70,如特色來描繪聽覺示範和分頁符。在這本書中,咱們不要企圖差異CSS1和CSS2和運用術語“CSS”之間的差異很重要,除非。最具特色的前四章中描繪了有些CSS1。假如你想閱覽CSS標準自身,你能夠找到他們:
該值是該特色的準確標準。在這個比如中,它是“綠色”,但它能夠很簡單地是藍色,赤色,黃色,或別的一些色彩。
顯現了規矩的一切成分。卷括弧({)和冒號(:)使瀏覽器能夠差異挑選器、特色和值。
圖2.2規矩圖。
[映像]
分組挑選器和規矩
在規劃CSS時,簡練是一個方針。咱們以為,假如咱們能夠減少款式表的巨細,咱們能夠讓規劃人員編寫和修改款式表“手”。CSS因而包含幾種機制,經過分組挑選器和聲明來縮短款式表。
例如,考慮這三條規矩:
字型分量:粗體
H2 {字型分量:粗體}
H3字型分量:粗體}
一切這三個規矩有完全一樣的聲明-他們設定字型是鬥膽的。(這是運用字型權重特色,咱們在字型中評論。由於一切三個聲明是一樣的,咱們能夠將挑選器組合成一個逗號分隔的列表,只列出一次聲明,像這麼:
H1,H2,H3 {字型款式:粗體}
此規矩將發生與前三個一樣的成果。
挑選器可能有多個聲明。例如,咱們能夠用這兩個規矩編寫款式表:
H1 {色彩:綠色}
H1文本對齊:基地}
在這種情況下,咱們都企圖要綠色、要以帆布。(這是運用文本對齊特色,在第5章評論。)
可是咱們能夠經過將同一挑選器有關的聲明分組到分號分隔的列表中來完結相同的作用,例如:
h1 {
色彩:綠色;
文本對齊:基地;
}
一切聲明有必要包含在一對大括弧內。分號分隔聲明,但可能不需求也會呈如今最終聲明的結束。此外,為了使您的代碼更簡單閱覽,咱們建議您把每個聲明自個的行,由於咱們在這裡。(瀏覽器不會在乎,他們會忽略一切剩餘的空格和分行符號。)
如今你已經把握了怎麼創立CSS規矩和款式表的基礎知識。可是,你還沒有完結。為了使款式表有任何作用,您有必要將款式表“粘貼”到HTML文檔中。
html字型問題