1. 程式人生 > >CSS引用方式

CSS引用方式

文字 空元素 src 目前 png ima index 文件 style屬性

CSS引用方式有4種,目前為止我們所熟知的三種分別為:外部引入、內部引入、行內樣式,下面一 一進行介紹。

1.外部引入:CSS代碼在一個獨立的文件中,HTML通過Link標簽引入到頁面。

代碼格式:<link rel=“stylesheet” href="../css/index.css">;

技術分享圖片

註:1.link標簽是head的子元素;

  2.link是空元素,用於引入外部資源;

2.內部引入:將CSS代碼放入HTML文檔中的style元素

代碼格式:<style type="text/css">

      p{

        font-size(文字大小):10px;
      }

    </style>

技術分享圖片

3.行內樣式:CSS代碼寫在某個開始標記的style屬性中,不寫選擇器。

代碼格式:<p style="屬性值">元素內容</p>;

技術分享圖片

註:style所屬的標簽在body裏;

CSS引用方式