教程/CSS

CSS 教程

CSS（层叠样式表）是一种用于描述HTML或XML文档样式的样式表语言。它用于设置网页元素的字体、颜色、大小等样式。

CSS 基础

1. 选择器：选择器用于指定要应用样式的HTML元素。

   • 元素选择器：例如 p 选择所有 <p> 元素。
   • 类选择器：例如 .class-name 选择所有具有该类的元素。
   • ID选择器：例如 #id-name 选择具有该ID的元素。

2. 样式规则：样式规则由选择器和属性组成。

   p {
       color: red;
       font-size: 16px;
   }
   

3. 注释：CSS注释可以使用 /* 注释内容 */ 表示。

CSS 高级

1. 盒子模型：CSS盒模型描述了元素内容的布局。

   • 内容（Content）：元素的实际内容。
   • 内边距（Padding）：元素内容与边框之间的空间。
   • 边框（Border）：元素的边框。
   • 外边距（Margin）：元素与相邻元素之间的空间。

2. 响应式设计：使用媒体查询（Media Queries）来适应不同屏幕尺寸。

3. Flexbox：Flexbox 是一种用于布局的CSS技术，可以轻松地创建灵活的布局。

图片展示

CSS盒模型

扩展阅读

• CSS 官方文档

希望这个教程能帮助您更好地理解CSS！