CSS 介绍
CSS(Cascading Style Sheet),即层叠样式表,主要用于控制网页的视觉表现。它允许我们将页面结构与样式分离,实现像素级的排版控制,让页面更加美观。
基本语法规范
CSS 的基本结构由选择器和声明块组成:
选择器 {
属性名:属性值;
}
- 选择器:决定针对哪个元素进行修改。
- 声明:包含一个或多个键值对,用分号分隔,冒号连接属性名和值。
CSS 有三种引入方式,将样式应用到 HTML 中:
- 行内样式:直接在标签上使用
style属性。<div style="color: red;">红色文字</div> - 内部样式:在
<head>中使用<style>标签定义。<head> <style> p { color: blue; } </style> </head> - 外部样式:通过
<link>标签引入独立的.css文件。<head> <link rel="stylesheet" href="style.css"> </head>
对比建议:行内样式仅适用于简单且临时的样式;内部样式代码冗余,不利于维护;外部样式实现了 HTML 与 CSS 的完全分离,是企业开发中的标准做法。
CSS 选择器
选择器的作用是选中页面中指定的元素,以便设置其属性。常见的选择器类型如下:
标签选择器
直接通过 HTML 标签名选中所有该类型的元素。
class 选择器
使用 . 前缀,选中具有特定 class 属性的元素。类名可以自定义(不能以数字开头),支持多个标签共用一个类,也支持一个标签使用多个类(空格分隔)。
id 选择器
使用 前缀,选中具有唯一 id 的元素。每个页面的 id 应唯一。


