專注搜索競價(jià)代運(yùn)營

成長之選 ，效果之道！

免費(fèi)咨詢熱線：17636682598

css樣式表的三種方式怎么嵌入到html

今天我們來聊聊css樣式表的三種方式怎么嵌入到html,以下2個(gè)關(guān)于css樣式表的三種方式怎么嵌入到html的觀點(diǎn)希望能幫助到您找到想要的資訊。

css怎么嵌入到html

1、直接在html標(biāo)簽元素內(nèi)嵌入css樣式
 

  1. <!DOCTYPE html> 
  2. <html> 
  3.     <head> 
  4.         <meta charset="utf-8"> 
  5.         <title>通高科技</title> 
  6.     </head> 
  7.     <body> 
  8.         <div style="width: 200px;height: 200px; color: aqua;"></div> 
  9.     </body> 
  10. </html> 

2、在html頭部head部分內(nèi)style聲明
 

  1. <!DOCTYPE html> 
  2. <html> 
  3.     <head> 
  4.         <meta charset="utf-8"> 
  5.         <title>通高科技</title> 
  6.         <style> 
  7.             .num2{ 
  8.                 width: 200px;height: 200px; color: aqua; 
  9.             } 
  10.         </style> 
  11.     </head> 
  12.     <body> 
  13.         <div class="num2"> 
  14.             第二種 
  15.         </div> 
  16.     </body> 
  17. </html> 

3、使用link來調(diào)用外部的css文件
 

  1. <!DOCTYPE html> 
  2. <html> 
  3.     <head> 
  4.         <meta charset="utf-8"> 
  5.         <title>通高科技</title> 
  6.         <link rel="stylesheet" href="tonggao.css" type="text/css" /> 
  7.     </head> 
  8.     <body> 
  9.         <div class="num2"> 
  10.             第三種link引入，最常用 
  11.         </div> 
  12.     </body> 
  13. </html> 

css樣式表的三種方式

css樣式表有三種方式： 行內(nèi)樣式表 內(nèi)部樣式表 外部樣式表

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

行內(nèi)樣式就是使用style屬性直接把CSS代碼添加到HTML的標(biāo)記中，即作為HTML標(biāo)記的屬性標(biāo)記存在。 例：<h2>行內(nèi)樣式表</h2>

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

內(nèi)部樣式表是把css樣式寫在標(biāo)簽中，并用style去聲明

3.外部樣式表

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

本文分類：營銷學(xué)院

瀏覽次數(shù)：34次瀏覽

發(fā)布日期：2022-07-03 11:20:36

本文鏈接：http://24hourphotoeditor.com/edu/2405.html