：CSS 初体验 —— 原来网页样式是这么回事

如果说 HTML 是网页的骨架，那 CSS 就是网页的衣服和妆容。
最开始我用行内样式给标签加颜色、改字体：
html
预览

这是一段红色文字

后来发现这样写代码又乱又难维护。学到内部样式表和外部样式表时，才体会到结构与样式分离的好处。特别是外部 CSS 文件，一个文件可以控制整个网站的风格，修改起来极其方便。 css /* style.css */ h1 { color: #333; text-align: center; } .text-red { color: red; } #intro { font-size: 14px; line-height: 1.5; } 选择器是 CSS 的第一个难点。标签选择器、类选择器、ID 选择器、后代选择器、伪类选择器…… 刚开始经常搞混优先级，写了样式不生效就到处找原因。后来记住了 "ID > 类 > 标签" 的优先级规则，再配合浏览器的开发者工具排查问题，效率高了很多。 css /* 优先级：ID选择器 > 类选择器 > 标签选择器 */ #box { color: blue; } /* 优先级最高 */ .box { color: green; } div { color: red; } 这周我给之前的个人介绍页面加上了背景色、字体样式、图片边框，页面一下子 "精致" 了不少。看着页面在自己手里一点点变好看，越发觉得前端开发是一件既有技术感又有审美乐趣的事情。