<center id="iyacc"><source id="iyacc"></source></center>
  • <center id="iyacc"></center>
  • 
    
  • <ul id="iyacc"><delect id="iyacc"></delect></ul>
  • <strike id="iyacc"><code id="iyacc"></code></strike>
    <strike id="iyacc"><code id="iyacc"></code></strike>
  • <center id="iyacc"><dd id="iyacc"></dd></center><ul id="iyacc"><delect id="iyacc"></delect></ul>

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

    • 2019-07-18 13:58:33
    • 閱讀次數(shù):
    • 作者:盈嵐科技小編
    • 來源:http://m.ww44088.com

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

    1. 內(nèi)部樣式表

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

       2. 外部樣式表

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

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

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

    @charset "gb2312";

    如果不設(shè)置CSS文件的字符編碼,可以保留默認設(shè)置,則瀏覽器會根據(jù)HTML文件的字符編碼來解析CSS代碼。

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

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

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

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

    <style type="text/css">

    @import url("001.css");

    </style>

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

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

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

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

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

    網(wǎng)站建設(shè)、網(wǎng)絡(luò)營銷咨詢專線:181-8386-5875(點擊可一鍵撥號)
    亚洲bt欧美bt中文字幕,囯产剧情亚洲精品无码一页,国产欧美va欧美va香蕉在,国产激情久久99久久 亚洲国产视频95 婷婷六月在线视频中文字幕
    <center id="iyacc"><source id="iyacc"></source></center>
  • <center id="iyacc"></center>
  • 
    
  • <ul id="iyacc"><delect id="iyacc"></delect></ul>
  • <strike id="iyacc"><code id="iyacc"></code></strike>
    <strike id="iyacc"><code id="iyacc"></code></strike>
  • <center id="iyacc"><dd id="iyacc"></dd></center><ul id="iyacc"><delect id="iyacc"></delect></ul>