專注搜索競價代運營

成長之選 ，效果之道！

免費咨詢熱線：17636682598

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

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

css怎么嵌入到html

1、直接在html標簽元素內(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的標記中，即作為HTML標記的屬性標記存在。 例：<h2>行內(nèi)樣式表</h2>

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

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

3.外部樣式表

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

本文分類：營銷學院

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

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

本文鏈接：http://bikeshoes.com.cn/edu/2405.html