首頁 >web前端 >css教學 >css入門:css語法規則由什麼組成?

css入門:css語法規則由什麼組成?

云罗郡主
云罗郡主原創
2018-11-06 13:57:316493瀏覽

很多剛剛css入門的時候,不是很明白css語法規則,也不知道css語法規則由什麼組成,下面我們就來講解一下css語法規則由什麼組成?

css入門:css語法規則由什麼組成?

css主要還是由兩個部分組成,第一是選擇器,第二就是聲明,聲明可能是一條也可能是很多條,css選擇器也就是我們改變樣式的html,每個聲明都是由一個屬性和一個值組成。 css主要的語法為:

selector {declaration1; declaration2; ... declarationN }

下面我們可以透過一個案例來說明css的規則:

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

以上程式碼中,其中h1就是表示選擇器,花括號裡面的宣告就是屬性和值,其中color就是css的屬性,red是表示值,其中值的的寫法有幾種,我們知道紅色的寫法有幾種,也可以利用十六進制#ff0000去表示,當然我們想要使用更少的字節,也可以用css縮寫表示,有的時候我們也可以使用rgb百分比,使用百分比的時候,我們要寫百分比符號。

css最重要的一點就是多重聲明,如果想要定義幾種聲明的話,我們可以使用聲明的符號去分開,最後一個屬性是不需要添加分號的,分號在英語中是分隔符號,並不是一種結束符號,但是許多有經驗的人喜歡加上分割符號,這樣的做可能會減少我們出錯的幾率。例如:

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

最後我們一定要注意,空格和大小寫,很多樣式都是不只一條聲明,所以千萬不要出現空格,如果css涉及和html一起工作的話,css的中的class是很敏感。

以上就是對css入門:css語法規則由什麼組成的完整介紹,如果你想了解更多有關CSS教程CSS3教程,請關注php中文網。


以上是css入門:css語法規則由什麼組成?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn