CSS 語法

2018-07-07 18:52 更新

CSS語法

CSS規(guī)則有兩個主要部分：一個選擇器和一個或多個聲明。下面的代碼是一個CSS規(guī)則。

h1{color:red;front-size:12px;}

在上面的CSS代碼中：

  • h1 是選擇器
  • {color:red;front-size:12px;} 是聲明
  • color是屬性名稱
  • red是屬性值
  • color:red; 被稱為一個聲明

每個聲明由一個屬性和一個值組成。selector 選擇要設置樣式的HTML元素。

屬性是要更改的樣式屬性。每個屬性都有一個值。 CSS聲明以分號結(jié)尾，聲明組被大括號括起來。

這里是另一個CSS樣式<p>
。它將文本顏色更改為紅色，并使文本對齊到中心。


<!DOCTYPE HTML> 
<html> 
    <head> 
        <style type="text/css"> 
        p {
          color:red;
          text-align:center;
        }
        </style> 
    </head> 
    <body> 
        <p>Visit the website m.hgci.cn</p> 
    </body> 
</html>

上面的代碼呈現(xiàn)如下：


為了使CSS更具可讀性，可以在每一行上放置一個聲明。

p{
   color:red;
   text-align:center;
}

例子

下面的代碼有一個簡單的CSS樣式。

background-color: grey; 
color: white

在此示例中，樣式具有兩個聲明。第一個將background-color屬性的值設置為grey，第二個將color屬性的值設置為white。
有一個廣泛的CSS屬性可用，并且每個控制應用它的元素的外觀的一些方面。

以上內(nèi)容是否對您有幫助：
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號