網(wǎng)頁(yè)設計中的CSS樣式表

  • 2019-07-18 13:58:33
  • 閱讀次數:次
  • 作者:盈嵐科技小編
  • 來(lái)源:http://amzcoolest.com

網(wǎng)頁(yè)設計中,一個(gè)或多個(gè)CSS樣式可以組成一個(gè)樣式表。樣式表包括內部樣式表和外部樣式表,它們沒(méi)有本質(zhì)區別,都是由一個(gè)或者多個(gè)樣式組成。

  1. 內部樣式表

    內部樣式表包含在<style>標簽內,一個(gè)<style>標簽就表示一個(gè)內部樣式表。而通過(guò)標簽的style屬性定義的樣式屬性就不是樣式表。如果一個(gè)網(wǎng)頁(yè)文檔中包含多個(gè)<style>標簽,就表示該文檔包含了多個(gè)內部樣式表。

   2. 外部樣式表

       如果CSS樣式被放置在網(wǎng)頁(yè)文檔外部的文件中,則稱(chēng)為外部樣式表,一個(gè)CSS樣式表文檔就表示一個(gè)外部樣式表。實(shí)際上,在網(wǎng)頁(yè)設計時(shí),外部樣式表也就是一個(gè)文本文件,擴展名為.css。當把CSS樣式代碼復制到一個(gè)文本文件中后,另存為.css文件,它就是一個(gè)外部樣式表。

可以在外部樣式表文件頂部定義CSS源代碼的字符編碼。

【示例】下面代碼定義樣式表文件的字符編碼為中文簡(jiǎn)體。

@charset "gb2312";

如果不設置CSS文件的字符編碼,可以保留默認設置,則瀏覽器會(huì )根據HTML文件的字符編碼來(lái)解析CSS代碼。

外部樣式表必須導入到網(wǎng)頁(yè)文檔中,才能夠被瀏覽器識別和解析。外部樣式表文件可以通過(guò)兩種方法導入到HTML文檔中。使用<link>標簽導入使用<link>標簽導入外部樣式表文件:

<link href="001.css" rel="stylesheet" type="text/css" />

其中,href屬性設置外部樣式表文件的地址,在網(wǎng)站建設時(shí),可以是相對地址,也可以是絕對地址。rel屬性定義該標簽關(guān)聯(lián)的是樣式表標簽,type屬性定義文檔的類(lèi)型,即為CSS文本文件。

在<style>標簽內使用@import關(guān)鍵字導入外部樣式表文件:

<style type="text/css">

@import url("001.css");

</style>

在@import關(guān)鍵字后面,利用url()函數包含具體的外部樣式表文件的地址。

當前文章標題:網(wǎng)頁(yè)設計中的CSS樣式表

當前URL:http://amzcoolest.com/news/wzzz/3055.html

上一篇:網(wǎng)頁(yè)設計時(shí)的CSS基本用法

下一篇:網(wǎng)頁(yè)設計時(shí)的CSS屬性

網(wǎng)站建設、網(wǎng)絡(luò )營(yíng)銷(xiāo)咨詢(xún)專(zhuān)線(xiàn):181-8386-5875(點(diǎn)擊可一鍵撥號)
亚洲精品无码mv在线|新国产精品视频福利免费|日韩高清在线观看不卡一区二区|一本久久a久久精品免费不|亚洲私人无码内射免费观看