很多剛剛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中文網其他相關文章!

在本週的綜述中:Firefox獲得了類似鎖匠的力量,三星的Galaxy Store開始支持Progressive Web Apps,CSS Subgrid正在Firefox發貨

在本週的綜述中:Internet Explorer進入Edge,Google搜索控制台吹捧新的速度報告,而Firefox給出了Facebook' s Notification

蓋茨比(Gatsby)進行了出色的處理和處理圖像。例如,它可以幫助您節省圖像優化的時間,因為您不必手動


熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

AI Hentai Generator
免費產生 AI 無盡。

熱門文章

熱工具

Atom編輯器mac版下載
最受歡迎的的開源編輯器

記事本++7.3.1
好用且免費的程式碼編輯器

ZendStudio 13.5.1 Mac
強大的PHP整合開發環境

VSCode Windows 64位元 下載
微軟推出的免費、功能強大的一款IDE編輯器

WebStorm Mac版
好用的JavaScript開發工具