网页制作语言css
CSS 基础概念
CSS（Cascading Style Sheets）是一种用于描述网页样式和布局的样式表语言。它通过选择器匹配HTML元素，并定义其外观属性（如颜色、字体、间距等），实现内容与表现的分离。
CSS 核心语法
CSS规则由选择器和声明块组成：
选择器 {
属性名: 属性值;
属性名: 属性值;
}示例：
h1 {
color: blue;
font-size: 24px;
}CSS 引入方式
内联样式：直接写在HTML元素的style属性中。
<p style="color: red;">文本内容</p>内部样式表：在HTML文件的<head>内通过<style>标签定义。
<style>
body { background-color: #f0f0f0; }
</style>外部样式表：通过<link>标签引入独立的.css文件（推荐方式）。
<link rel="stylesheet" href="styles.css">常用CSS属性
- 文本样式：
color、font-family、font-size、text-align - 盒模型：
width、height、padding、margin、border - 布局：
display（block/inline/flex/grid）、position、float - 背景：
background-color、background-image、background-size
CSS 选择器
- 元素选择器：
p { } - 类选择器：
.className { } - ID选择器：
#idName { } - 伪类：
:hover、:nth-child() - 组合选择器：
div p（后代选择器）、div > p（子选择器）
响应式设计
通过媒体查询（Media Queries）适配不同设备屏幕：
@media (max-width: 600px) {
body { font-size: 14px; }
}CSS 预处理器
Sass/Less等工具扩展CSS功能，支持变量、嵌套、混合等特性：
$primary-color: #333;
body {
color: $primary-color;
}学习资源推荐
- MDN CSS文档：权威的语法和属性参考
- CodePen：在线实践CSS效果
- Flexbox Froggy：交互式学习Flex布局的小游戏
CSS的灵活性和强大功能使其成为现代网页设计的核心工具之一。
