当前位置：首页 > 前端技术 > CSS >内容正文

CSS

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

发布时间：2025/3/20 CSS 66 豆豆

生活随笔收集整理的这篇文章主要介绍了【温故知新】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学习笔记（选择器）