CSS規則由兩個主要的部分構成:選擇器,以及一條或多條宣告。選擇器就是需要改變樣式的HTML元素;每個聲明由一個屬性和一個值組成,css聲明語句總是以分號「;」結束,聲明組以大括號「{…}」括起來。
本教學操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。
CSS 規則由兩個主要的部分構成:選擇器,以及一條或多條宣告。
選擇器就是需要改變樣式的 HTML 元素。
每個聲明由一個屬性和一個值組成,屬性是設定的樣式屬性(style attribute),每個屬性都有一個值,屬性和值用冒號分隔。
CSS 宣告總是以分號 ;
結束,宣告群組以大括號 {…}
括起來。為了讓 CSS 可讀性更強,可以每行只描述一個屬性。
範例:
p /*选择器*/ { color:red;/*属性+值*/ text-indent:2em; }
CSS的id選擇器和class 選擇器
id 選擇器
/* 注意:id选择器前有 # 号。 */ #sky{ color: blue; }
<p id="sky">蓝色的天空</p> <p id="forest">绿色的森林</p>
這條規則表明,找到頁面上id為sky的那個元素讓它呈現藍色,如下所示的頁面,藍色的天空這幾個字就將會是藍色的。 id選擇器適用範圍只有一個元素。
class 選擇器
/* 注意:class选择器前有 . 号。 */ .center{ text-align: center; } .large{ font-size: 30px; } .red{ color: red; }
<p class="center">我会居中显示的</p> <p class="red">我是红色的</p> <p class="center large red">我又红又大还居中</p> <p class="red">我也可以是红的</p>
元素的class值可以有多個,也可以重複。 class選擇器應用非常普遍。
css註釋
任何語言都需要註釋,HTML 使用634f21d922d0261a3d35207f455cb540
來進行註釋,而CSS 使用/* 註解語句*/
來進行註解。
body { /*页面基本属性*/ font-size: 12px; color: #CCCCCC; } /*段落文本基础属性*/ p { background-color: #FF00FF; }
註解作用:
CSS註解有著註解說明之用,常常我們使用CSS註解進行對CSS程式碼或佈局CSS樣式進行特別說明批註。也有條件註釋進行功能性的使用。
css註解(css 註解)可以幫助我們對自己寫的CSS檔案進行說明,如說明某段CSS程式碼是什麼地方、功能、樣式等說明,以便我們以後維護具有一看即懂的方便性,同時在團隊開發網頁是時候合理適當的註解有利於團隊看懂css樣式是對應html哪裡的,以便順利快速開發div css網頁。
(學習影片分享:css影片教學)
以上是css聲明語句總是以什麼結束的詳細內容。更多資訊請關注PHP中文網其他相關文章!