CSS 語法
CSS語法
CSS規則有兩個主要部分:一個選擇器和一個或多個聲明。下面的代碼是一個CSS規則。
h1{color:red;front-size:12px;}
在上面的CSS代碼中:
h1
是選擇器{color:red;front-size:12px;}
是聲明color
是屬性名稱red
是屬性值color:red;
被稱為一個聲明
每個聲明由一個屬性和一個值組成。selector
選擇要設置樣式的HTML元素。
屬性是要更改的樣式屬性。每個屬性都有一個值。 CSS聲明以分號結尾,聲明組被大括號括起來。
這里是另一個CSS樣式<p>
。它將文本顏色更改為紅色,并使文本對齊到中心。
<!DOCTYPE HTML>
<html>
<head>
<style type="text/css">
p {color:red;
text-align:center;
}
</style>
</head>
<body>
<p>Visit the website www.w3cschool.cn</p>
</body>
</html>
上面的代碼呈現如下:
為了使CSS更具可讀性,可以在每一行上放置一個聲明。
p{ color:red; text-align:center; }
例子
下面的代碼有一個簡單的CSS樣式。
background-color: grey; color: white在此示例中,樣式具有兩個聲明。第一個將background-color屬性的值設置為grey,第二個將color屬性的值設置為white。
有一個廣泛的CSS屬性可用,并且每個控制應用它的元素的外觀的一些方面。