一、CSS 基本语法
CSS 是层叠样式表 (Cascading Style Sheets)。CSS 能够对网页中元素位置的排版进行像素级精确控制,实现美化页面的效果。能够做到页面的样式和结构分离。
1.1 语法
选择器 + {一条/N 条声明}
选择器决定针对谁修改。(找谁) 声明决定修改啥。(干啥) 声明的属性是键值对。
格式:
标签名{ CSS 语句 }
注意事项:
CSS 要写到 style 标签中 (也有其他写法) style 标签可以放到页面任意位置。一般放到 head 标签内。 CSS 使用 /* */ 作为注释。(使用 ctrl + / 快速切换)。
1.2 CSS 引入方式
1.2.1 内部样式表:
写在 style 标签中。嵌入到 html 内部。一般是放到 head 标签中。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>p{color: red;}</style>
</head>
<body>
<p>hello</p>
</body>
</html>
优缺点:
优点:这样做能够让样式和页面结构分离。 缺点:分离的还不够彻底。尤其是 css 内容多的时候。








