前端开发之 CSS 简介

CSS（层叠样式表）是网页设计中用于描述文档样式的语言。它是前端开发中不可或缺的一部分，负责页面的布局、颜色、字体等视觉元素的样式设置。

CSS 基础

• 选择器：用于定位页面中的元素，如类选择器 .class-name、ID选择器 #id-name 等。
• 属性：定义样式，如 color、font-size、margin 等。
• 值：属性的取值，如 color: red;、font-size: 16px; 等。

CSS 选择器

• 元素选择器：直接使用元素标签名，如 p、div 等。
• 类选择器：使用点开头，如 .my-class。
• ID选择器：使用井号开头，如 #my-id。

CSS 图片样式

图片可以通过 CSS 设置样式，如宽度、高度、边框等。

img {
  width: 100px;
  height: 100px;
  border: 1px solid #000;
}

常用 CSS 属性

• color：设置文本颜色。
• font-size：设置字体大小。
• margin：设置外边距。
• padding：设置内边距。
• border：设置边框。

扩展阅读

更多关于 CSS 的内容，您可以访问我们的 CSS 教程 页面。

CSS 图片