當前位置:編程學習大全網 - 編程語言 - DW中常用css樣式四種類型詳細解析說明?

DW中常用css樣式四種類型詳細解析說明?

1、外部樣式

格式:

舉例:

用處:這種形式是把css單獨寫到壹個css文件內,然後在源代碼中以link方式鏈接。它的好處是不但本頁可以調用,其它頁面也可以調用,是最常用的壹種形式。

備註:Rel:指明連接的是什麽文件;Type:指明引入的文件的格式類型;Href:指明文件的路徑,以引入文件為基準的相對路徑。

2、內部樣式

格式:

這樣的話,該文件中的所有P標簽都將應用該style樣式,而不需要在沒壹個html標簽中寫。

用處:這種形式是內部樣式表,它是以結尾,寫在源代碼的head標簽內。這樣的樣式表只能針對本頁有效。不能作用於其它頁面

3、舉例:

4、行內樣式:就是直接在html標簽後面寫樣式代碼

啊啊啊啊

用處:這種在標簽內以style標記的為內部樣式,內部樣式只針對標簽內的元素有效,因其沒有和內容相分離,所以不建議使用。

5、導入樣式

@importurl(\"/css/global.css\");

鏈接樣式是以@importurl標記所鏈接的外部樣式表,它壹般常用在另壹個樣式表內部。如layout.css為主頁所用樣式,那麽我們可以把全局都需要用的公***樣式放到壹個global.css的文件中,然後在layout.css中以@importurl(\"/css/global.css\")的形式鏈接全局樣式,這樣就使代碼達到很好的重用性。

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

selector{declaration1;declaration2;...declarationN}

選擇器通常是您需要改變樣式的HTML元素。

每條聲明由壹個屬性和壹個值組成。

屬性(property)是您希望設置的樣式屬性(styleattribute)。每個屬性有壹個值。屬性和值被冒號分開。

selector{property:value}

下面這行代碼的作用是將h1元素內的文字顏色定義為紅色,同時將字體大小設置為14像素。

在這個例子中,h1是選擇器,color和font-size是屬性,red和14px是值。

h1{color:red;font-size:14px;}

提示:請使用花括號來包圍聲明。

  • 上一篇:我想加入學校的機器人社團,應該具備什麽樣的素質?
  • 下一篇:Java語言的特點主要有什麽?
  • copyright 2024編程學習大全網