CSS主要用于定義怎么顯示HTML元素,使用外部樣式表可與html代碼分離,減少耦合岖赋。文件保存后綴名為.css。本文僅針對目前已用到的部分模塊進行介紹說明瓮孙。
CSS模塊
1.id和class選擇器唐断,想要在html元素中設(shè)置CSS樣式选脊,需要在元素中設(shè)置“id”和"class"選擇器。
id選擇器可以為標有特定id的HTML元素指定特定的樣式脸甘,CSS中id選擇器以“#”來定義恳啥。比如:
<p id = "para1">每個表格從一個 table 標簽開始。</p>
#para1
{
text-align:center;
color:red;
}
此時html中的段落會根據(jù)css文件中的設(shè)定來進行顯示丹诀。
注:id屬性不要以數(shù)字開頭钝的,數(shù)字開頭的id在Mozilla/Firefox 瀏覽器中不起作用。
class 選擇器用于描述一組元素的樣式铆遭,class 選擇器有別于id選擇器硝桩,class可以在多個元素中使用。?
class 選擇器在HTML中以class屬性表示, 在 CSS 中枚荣,類選擇器以一個點"."號顯示碗脊,比如:
<h1 class="center">標題居中</h1>
<p class="center">段落居中。</p>
.center
{
text-align:center;
}
此時html中的段落和標題會根據(jù)css文件中的設(shè)定來進行顯示橄妆。
注:類名的第一個字符不能使用數(shù)字望薄!它無法在 Mozilla 或 Firefox 中起作用。
兩者使用過程中需關(guān)注的點:
1)需要單獨操作某一個元素時呼畸,Javascript和Css可通過id屬性完成痕支;需要操作屬于同一個class下的所有元素的時候,Javascript和Css可通過class屬性完成
2)id是先找到結(jié)構(gòu)/內(nèi)容蛮原,再給它定義樣式卧须;class是先定義好一種樣式,再套給多個結(jié)構(gòu)/內(nèi)容儒陨。
2.div
目前未用到花嘶,待用到后再補充
3.span
目前未用到,待用到后再補充
4.其他模塊:
CSS注釋以?/*?開始, 以??*/?結(jié)束