CSS 基础语法、选择器与常用属性实战指南
一、CSS 基本语法
CSS(层叠样式表)能够对网页中元素位置的排版进行像素级精确控制,实现美化页面的效果。它的核心优势在于能够将页面的样式和结构彻底分离。
1.1 语法结构
CSS 的基本规则由选择器和声明块组成:
选择器 {
属性名:属性值;
}
- 选择器:决定针对哪个元素修改(找谁)。
- 声明:决定修改什么内容(干啥),属性是键值对形式。
注意事项:
- CSS 通常写在
<style>标签中,也可以放在外部文件。<style>标签一般建议放在<head>内,但页面任意位置均可。- 注释使用
/* */,IDE 中通常支持快捷键快速切换。
1.2 CSS 引入方式
1.2.1 内部样式表
将样式写在 HTML 的 <style> 标签中,嵌入到页面内部。通常放置在 <head> 标签内。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
p { color: red; }
</style>
</head>
<body>
<p>hello</p>
</body>
</html>
- :样式和页面结构有一定程度的分离。


