1. <nobr id="easjo"><address id="easjo"></address></nobr>

      <track id="easjo"><source id="easjo"></source></track>
      1. 
        

      2. <bdo id="easjo"><optgroup id="easjo"></optgroup></bdo>
      3. <track id="easjo"><source id="easjo"><em id="easjo"></em></source></track><option id="easjo"><span id="easjo"><em id="easjo"></em></span></option>
          貴州做網站公司
          貴州做網站公司~專業!靠譜!
          10年網站模板開發經驗,熟悉國內外開源網站程序,包括DEDECMS,WordPress,ZBlog,Discuz! 等網站程序,可為您提供網站建設,網站克隆,仿站,網頁設計,網站制作,網站推廣優化等服務。我們專注高端營銷型網站,企業官網,集團官網,自適應網站,手機網站,網絡營銷,網站優化,網站服務器環境搭建以及托管運維等。為客戶提供一站式網站解決方案?。?!

          html怎么引用css(HTML中如何引用CSS)

          來源:互聯網轉載 時間:2024-05-02 16:47:01

          html有什么特點

          1、簡易性:超級文本標記語言版本升級采用超集方式,從而更加靈活方便,適合初學前端開發者使用。2、可擴展性:超級文本標記語言的廣泛應用帶來了加強功能,增加標識符等要求,超級文本標記語言采取子類元素的方式,為系統擴展帶來保證。3、平臺無關性:超級文本標記語言能夠在廣泛的平臺上使用,這也是萬維網盛行的一個原因。4、通用性:HTML是網絡的通用語言,它允許網頁制作人建立文本與圖片相結合的復雜頁面,這些頁面可以被網上任何其他人瀏覽到,無論使用的是什么類型的電腦或瀏覽器。

          在HTML中,引入CSS的方法主要有行內式、內嵌式、導入式和鏈接式
          行內式:即在標記的style屬性中設定CSS樣式,這種方式本質上沒有體現出CSS的優勢,因此不推薦使用
          例:

          <html><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><title>TextDemo</title></head><body><h2style=color:white;background-color=blue;>ThisisalineofText.</h2></body></html>

          嵌入式:嵌入式則將對頁面中各種元素的設置集中寫在<head>和</head>之間,對于單一的網頁,這種方法很方便。但是對于一個包含很多頁面的網站,如果每個頁面都以內嵌方式設置各自的樣式,就失去了CSS帶來的巨大優點,因此一個網站通常都是編寫一個獨立的CSS樣式表文件,使用以下兩種方式中的一種,引入HTML文檔中。
          例:

          <html><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><title>TextDemo</title><styletype="text/css">h2{color:white;background-color:boue;}</style></head><body><h2>ThisisalineofText.</h2><h2>ThisisanotherlineofText.</h2></body></html>

          導入式與鏈接式:導入式和鏈接式的目的都是將一個獨立的CSS文件引入HTML文件,二者有相應的區別。
          事實上,二者最大的區別在于鏈接式使用HTML的標記引入外部CSS文件,而使用導入式則是使用CSS的規則引入外部CSS文件。因此它們的語法也不同。
          如果使用鏈接式,需要使用如下語句引入外部CSS文件。

          <linkhref="mystyle.css"rel="stylesheet"type="text/css"/>

          如果使用導入式,則需要使用如下語句。

          <styletype="text/css">@import"mystyle.css";</style>


          此外,采用這兩種方式后的顯示效果也略有區別。使用鏈接方式時,會在裝置頁面主體部分之前裝載CSS文件,這樣顯示出來的網頁從一開始就是帶有樣式的效果,而使用導入式時,會在整個頁面裝載完成后再裝載CSS文件,對于有的瀏覽器來說,在一些情況下,如果網頁文件的體積比較大,則會出現先顯示無樣式的頁面,閃爍一下之后再出現樣式設置后的效果。從瀏覽者的感受來說,這是使用導入式的一個缺陷。對于一些比較大的網站,為了便于維護,可能會希望把所有的CSS樣式分類別放到幾個CSS文件中,這樣如果使用鏈接式引入,就需要幾個語句分別導入CSS文件。如果要調整CSS文件的分類,就需要同時調整HTML文件。這對于維護工作來說,是一個缺陷。如果使用導入式,則可以只引進一個總的CSS文件,在這個文件中再導入其他獨立的CSS文件;而鏈接式則不具備這個特征。
          因此這里給大家的一個建議是,如果需要引入一個CSS文件,則使用鏈接方式;如果需要引入多個CSS文件,則首先用鏈接方式引入一個“目錄”CSS文件,這個“目錄”CSS文件中再使用導入式引入其他CSS文件。
          如果希望通過JavaScript來動態決定引入哪個CSS文件,則必須使用鏈接方式才能實現。

          如果你能讀到這里,小編希望你對“HTML中如何引用CSS”這一關鍵問題有了從實踐層面最深刻的體會,具體使用情況還需要大家自己動手實踐使用過才能領會,如果想閱讀更多相關內容的文章,歡迎關注本站行業資訊頻道!

          c語言中正確的字符常量是用一對單引號將一個字符括起表示合法的字符常量。例如‘a’。數值包括整型、浮點型。整型可用十進制,八進制,十六進制。八進制前面要加0,后面...

          2022年天津專場考試原定于3月19日舉行,受疫情影響確定延期,但目前延期后的考試時間推遲。 符合報名條件的考生,須在規定時間登錄招考資訊網(www.zha...

          :喜歡聽,樂意看。指很受歡迎?!巴卣官Y料”喜聞樂見:[ xǐ wén lè jiàn ]詳細解釋1. 【解釋】:喜歡聽,樂意看。指很受歡迎。2. 【示例】:這是...

          新三板新股中簽率是多少?新三板中簽率高嗎?新三板新股中簽概率約為0.2%和0.1%,新三板收益率約為1%-2%,年化收益率約為4%-8%。但如此高的利潤率主要是由于成立時間相對較短,參與人數也不是很多,所以收益率是比較可觀的。未來的回報率可能會下降。新三板打新精選層最小中簽是多少股?新三板打新精選層最小中簽股數為100股,例如,艾融軟件單手價值為2518元,據此得到,打中一手需要的資金約為2518...

          很多的投資者在投資的過程中都有見過美聯儲這一名詞,有不少的投資者表示,想要了解一下美聯儲的股東是哪些,那么今天我們就來給大家講解一下美聯儲的股東是哪些。美聯儲,作為私人銀行,實際上相當于美國,的央行,可以發行美元。更重要的是,美聯儲完全獨立于政府,即政府不能強迫美聯儲做任何事情?相反,它要求美聯儲美國政府無權發行貨幣。美國,政府缺錢,只能發行國債,以未來的稅收作為抵押,然后用國債作為抵押在美聯儲,...

          關于農歷七月十五禁忌 七月十五中元節11件不能做的事的知識大家了解嗎?以下就是小編整理的關于農歷七月十五禁忌 七月十五中元節11件不能做的事的介紹,希望可以給到大家一些參考,一起來了解下吧!農歷七月十五禁忌 七月十五中元節11件不能做的事1、不要剪指甲,據說鬼的都怕人身上的指甲角質類東西,如果剪掉他們怕的東西,他們就會欺負本人的。(資料圖片)2、不要游泳,潛泳一個瞢扎下去,可能就上不來,不可去危險...

          TOP
          国产初高中生视频在线观看|亚洲一区中文|久久亚洲欧美国产精品|黄色网站入口免费进人
          1. <nobr id="easjo"><address id="easjo"></address></nobr>

              <track id="easjo"><source id="easjo"></source></track>
              1. 
                

              2. <bdo id="easjo"><optgroup id="easjo"></optgroup></bdo>
              3. <track id="easjo"><source id="easjo"><em id="easjo"></em></source></track><option id="easjo"><span id="easjo"><em id="easjo"></em></span></option>