首頁  >  文章  >  web前端  >  css聲明語句總是以什麼結束

css聲明語句總是以什麼結束

青灯夜游
青灯夜游原創
2021-07-07 15:09:583217瀏覽

CSS規則由兩個主要的部分構成:選擇器,以及一條或多條宣告。選擇器就是需要改變樣式的HTML元素;每個聲明由一個屬性和一個值組成,css聲明語句總是以分號「;」結束,聲明組以大括號「{…}」括起來。

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

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