HTML引入CSS的方法


1、嵌入式

       通過<style>標記,來引入CSS樣式。

       語法格式:<style type = “text/css”></style>

       提示:<style>中的CSS樣式,只能給當前網頁來使用。

             同一個網頁中,<style>標記可以多次出現。

2、外聯式

       通過<link>標記,來入引一個外部的CSS文件(.css),這樣的話,可以實現公共的CSS代碼被多個網頁共享

       <link rel = “stylesheet”  type = “text/css”  href = “css/public.css”  />

       <link>標記的常用屬性

     rel:也就是引入的是什么類型的文件。取值:stylesheet

     type:內容類型。

     href:引入的CSS文件地址。

  提示:<link>標記放在<head>標記中。

        同一個網頁,可以使用多個<link>來鏈入多個外部樣式文件。

3、行內式(主要用於JS控制元素的樣式)

       每一個HTML標記,都有一些公共的屬性:class、id、title、style。

       HTML標記中的style屬性的值,與CSS中樣式一模一樣。

       提示:行內樣式中,CSS代碼不能寫的過多;

          行內樣式中,多個CSS屬性不能換行,也就是一行寫完。

                行內樣式優先級是最高的,比ID選擇器還要高。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM