當(dāng)前位置：首頁(yè) > 前端技术 > CSS >内容正文

CSS

【温故知新】CSS学习笔记（样式表）

發(fā)布時(shí)間：2025/3/20 CSS 39 豆豆

生活随笔收集整理的這篇文章主要介紹了【温故知新】CSS学习笔记（样式表）小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

CSS-網(wǎng)頁(yè)的美容師

CSS-Cascading Style Sheets 美化樣式
通常叫做層疊樣式表（級(jí)聯(lián)樣式表）。

CSS樣式引入的方式有三種（書(shū)寫(xiě)位置）：

1、內(nèi)部樣式表

<head><meta charset="UTF-8"><title>Document</title><style>/* ?選擇器{ 屬性：值； } ?選擇器是選擇標(biāo)簽的 */th{color:skyblue;?? ?}td{font-size:14px;}tr{height:30px;}</style> </head>

直接寫(xiě)在head標(biāo)簽里面，統(tǒng)一更改。

2、行內(nèi)式（內(nèi)聯(lián)樣式）

直接寫(xiě)在行標(biāo)簽內(nèi)部里面，偶爾使用，不適合大批量使用。

3、外部樣式表（外鏈?zhǔn)?#xff09;

實(shí)際工作中以外部樣式表為主。
外部樣式表不用寫(xiě)style。
CSS文件：

div {color:red; }

HTML文件：
?

<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Document</title><link rel="stylesheet" href="css/style.css" /> </head> <body><div>小帥哥</div><div>小靚妹</div><div>小騷貨</div> </body> </html>

總結(jié)：
行內(nèi)樣式表：書(shū)寫(xiě)方便，權(quán)重高；沒(méi)有實(shí)現(xiàn)樣式和結(jié)構(gòu)相分離；使用較少；控制一個(gè)標(biāo)簽；
內(nèi)部樣式表：部分結(jié)構(gòu)和樣式相分離；沒(méi)有徹底實(shí)現(xiàn)樣式和結(jié)構(gòu)相分離；使用較多；控制一個(gè)頁(yè)面；
外部樣式表：完全實(shí)現(xiàn)結(jié)構(gòu)和樣式相分離；需要link來(lái)引入；使用最多，推薦使用；控制整個(gè)站點(diǎn)；

總結(jié)

以上是生活随笔為你收集整理的【温故知新】CSS学习笔记（样式表）的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。

上一篇：【温故知新】HTML学习笔记（下）
下一篇：【温故知新】CSS学习笔记（选择器）