天天看點
傳回

引入CSS的三種方式

1、内部樣式表 

<head>
  <style>p {
      color: #ff0000;
    }</style>
</head>

内部樣式表是寫到html頁面内部的，将所有的CSS代碼抽取出來，單獨放到一個

2、内聯樣式表（行内樣式表） 

<divstyle="color: red; font-size:">程式設計使我快樂</div>

行内樣式表是在元素标簽内部的style屬性中設定CSS樣式，适用于修改簡單樣式

3、外部樣式表 

1.建立一個字尾名為.css的樣式檔案，把所有的css代碼都放入此檔案中；
2.在HTML頁面中，使用<link>标簽引入這個檔案
<link rel="stylesheet" href="css檔案路徑">

樣式單獨寫到CSS檔案中，之後吧CSS檔案引入到HTML頁面中使用，适用于樣式比較多的情況，實際開發都是外部樣式表

4、總結

樣式表 優點 缺點 使用情況 控制範圍
行内樣式表 書寫友善，權重高 結構樣式漏寫 較少 控制一個标簽
内部樣式表 部分結構和樣式分離 沒有徹底分離 較多 控制一個頁面
外部樣式表 完全實作結構和樣式分離 需要引入
css 樣式表 html頁面
上一篇: c語言程式設計不等分孔,C語言如何控制rand函數生成的數字機率不均等
下一篇: Python：Scrapy儲存控制台資訊到文本

繼續閱讀