CSS(层叠样式表)是网页设计中不可或缺的工具,用于控制网页的布局与样式。以下是基础内容概览:
1. CSS 基础语法
- 选择器:如
p
选择所有段落,#header
选择 ID 为 header 的元素 - 属性与值:用
property: value;
定义样式,例如color: red;
- 注释:
/* 这是注释 */
用于标注代码说明
2. 常用选择器类型
- 元素选择器:
h1
- 类选择器:
.button
- 属性选择器:
a[href="https://example.com"]
- 伪类选择器:
:hover
3. 布局与排版技巧
- 使用
flexbox
实现弹性布局 - 通过
grid
创建网格布局 - 设置
margin
与padding
控制间距
4. 样式属性示例
- 字体:
font-family: "微软雅黑";
- 颜色:
color: #007BFF;
- 背景:
background-image: url("image.jpg");
- 边框:
border: 2px solid #ccc;