1. 程式人生 > >1、CSS 語法和選擇器

1、CSS 語法和選擇器

pre size htm -a pan 選擇器 屬性表 內部 冒號

CSS 規則由兩個主要的部分構成:選擇器,以及一條或多條聲明:

h1
{
color:blue;
font-size:12px;
}

選擇器通常是您需要改變樣式的 HTML 元素。
每條聲明由一個屬性和一個值組成。
屬性是您希望設置的樣式屬性。每個屬性有一個值。屬性和值被冒號分開。


CSS 註釋:

/*這是個註釋*/


選擇器的優先級:

標簽內部樣式 > id > class > 標簽選擇器


標簽選擇器實例:

<style>
h3{
color:red;
}
</style>
<h3>菜鳥教程</h3>


id 選擇器:

id 選擇器可以為標有特定 id 的 HTML 元素指定待定的樣式。

HTML 元素以 id 屬性來設置 id 選擇器,CSS 中 id 選擇器以添加“ # ”來定義:

HTML--->

id = prar1

CSS--->

#para1
{
text-align:center;
color:red;
}


class 選擇器:

lass 選擇器用於描述一組元素的樣式,class 選擇器有別於id選擇器,class可以在多個元素中使用。

class 選擇器在HTML中以class屬性表示, 在 CSS 中,類選擇器以一個點"."號顯示:

.center
{
text-align
:centr; }

也可以指定特定的HTML元素使用classa選擇器:

h1.center
{
text-align:center
}

1、CSS 語法和選擇器