CSS 語(yǔ)法

2018-07-07 18:52 更新

CSS語(yǔ)法

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

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

在上面的CSS代碼中：

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

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

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

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


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

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


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

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

例子

下面的代碼有一個(gè)簡(jiǎn)單的CSS樣式。

background-color: grey; 
color: white

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

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

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)