本篇文章給大家帶來的內容是關于html中怎么插入CSS？css插入html的四種方法介紹（附代碼），有一定的參考價值，有需要的朋友可以參考一下，希望對你有所幫助。

1.注釋：
(1).HTML的注釋:
(2).CSS的注釋：/* *

2.HTML中插入CSS（層疊樣式表）的方法
(1).行內樣式 (在標簽后面直接寫樣式)

 !doctype html  html  head  meta charset= utf-8  title 行內樣式 /title  /head  body  p >
(2)嵌入式（將樣式和html語言分開寫）
 !doctype html html head  meta charset= utf-8  title 行內樣式 /title  style type= text/css  p{ text-decoration:underline; text-align:center; font-size:26px; font-family:宋體; font-weight:bolder; text-transform:lowercase; letter-spacing:4px; color:pink; background-color:green; } /style /head body  p HTML中插入CSS樣式的方法: /br  1 行內樣式；2 內部樣式； br/  3 外部樣式； 4 導入樣式； /p /body /html 
3.外部樣式（鏈接式：將CSS和HTML分開寫）?。。?！最常用 
first.html
 !doctype html html head  meta charset= utf-8  title 行內樣式 /title  link href= first.css type= text/css rel= stylesheet /head body  p HTML中插入CSS樣式的方法: /br  1 行內樣式；2 內部樣式； br/  3 外部樣式； 4 導入樣式； /p /body /html 
first.css
p{ text-decoration:underline;/*加下劃線*/ text-transform:lowercase;/*大寫字母全部小寫*/ text-align:center;/*居中*/ font-size:23px;/*字體大小*/ font-family:黑體;/*設置字體*/ font-style:italic;/*設置字傾斜*/ text-indent:3px;/*設置首行縮進*/ color:red;/*設置字體顏色*/ background-color:#ddd;/*設置背景顏色*/ letter-spacing:4px;}
4.導入式 
 first.html
 !doctype html html head  meta charset= utf-8  title 行內樣式 /title  style type= text/css  @import url(first.css); /style /head body  p HTML中插入CSS樣式的方法: /br  1 行內樣式；2 內部樣式； br/  3 外部樣式； 4 導入樣式； /p /body /html 
first.css
p{ text-decoration:underline;/*加下劃線*/ text-transform:lowercase;/*大寫字母全部小寫*/ text-align:center;/*居中*/ font-size:33px;/*字體大小*/ font-family:黑體;/*設置字體*/ font-style:italic;/*設置字傾斜*/ text-indent:3px;/*設置首行縮進*/ color:red;/*設置字體顏色*/ background-color:#ddd;/*設置背景顏色*/ letter-spacing:4px;}
相關推薦：
JavaScript動態插入CSS的方法_javascript技巧
HTML中引入CSS的方法
以上就是html中怎么插入CSS？css插入html的四種方法介紹（附代碼）的詳細內容，其它編程語言        
鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。