當前位置：首頁 > 前端技术 > CSS >内容正文

CSS

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

發布時間：2025/3/20 CSS 55 豆豆

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

CSS-網頁的美容師

CSS-Cascading Style Sheets 美化樣式
通常叫做層疊樣式表（級聯樣式表）。

CSS樣式引入的方式有三種（書寫位置）：

1、內部樣式表

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

直接寫在head標簽里面，統一更改。

2、行內式（內聯樣式）

直接寫在行標簽內部里面，偶爾使用，不適合大批量使用。

3、外部樣式表（外鏈式）

實際工作中以外部樣式表為主。
外部樣式表不用寫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>

總結：
行內樣式表：書寫方便，權重高；沒有實現樣式和結構相分離；使用較少；控制一個標簽；
內部樣式表：部分結構和樣式相分離；沒有徹底實現樣式和結構相分離；使用較多；控制一個頁面；
外部樣式表：完全實現結構和樣式相分離；需要link來引入；使用最多，推薦使用；控制整個站點；

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

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