HTML（CSS学习）---网页变美指南

前言

     在HTML中，CSS作为页面制作不可或缺的一部分，其唯一目的是使网页美观一致。CSS可以通过多种方式嵌入到HTML文档中，每种方式适用于不同的场景。

一、CSS简介 

        CSS（Cascading Style Sheets）是一种用于描述HTML或XML文档样式的语言，主要控制网页的布局、颜色、字体等视觉表现。

        CSS层叠链式表，又叫练联链式表，简称链式表，它的文件后缀为.css

二、CSS语法

1、规则集（Rule Set）

         由选择器和声明块（样式）组成

h1 {
   color: blue;
   font-size: 16px;
}
 

• h1为选择器，{}内为声明块，包含属性（如color和font-size）和属性值（如blue）
• 每条属性都是由一个属性和一个属性值组成（属性值和属性名中间由冒号隔开）
• 多条属性每条属性用分号隔开
• 属性包括颜色和字体大小

2、选择器 （Selector）

用于定位HTML元素。常见类型：

• 元素选择器：p、div
• 类选择器：.class-name
• ID选择器：#id-name
• 属性选择器：[type="text"]

3、盒模型（ Box Model）

每个元素被视为一个盒子，包含：

• content（内容区）
• padding（内边距）
• border（边框）
• margin（外边距）

4、层叠与优先级 

样式冲突时，通过以下规则确定优先级：

• !important > 行内样式 > ID选择器 > 类选择器 > 元素选择器
• 相同优先级时，后定义的样式生效。

5、样图示例 

在