CSS基础之CSS简介

---

前言

如果说HTML是网页内容的载体，那么CSS就是网页的外衣。CSS与HTML一样，都是网页的的重要组成元素，两者相辅相成，缺一不可

---

一、什么是CSS？

CSS是层叠样式表的简称，有时我们也会称之为CSS样式表或级联样式表。与HTML类似，CSS也是一种标记语言，它主要用于设置HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边框等）以及版面的布局和外观显示样式等。CSS的最大价值便是使结构（HTML）与样式（CSS）相分离。

二、CSS语法规范

CSS规则由两个主要的部分构成，选择器以及一条或多条声明，见下图~
关于CSS语法规范有以下几个注意点：

1. 选择器是用于指定CSS样式的HTML标签，花括号内是对该对象设置的具体样式
2. 属性和属性值以”键值对“的形式出现
3. 属性是对指定的对象设置的样式属性，例如字体大小、文本颜色等
4. 属性和属性值之间由半角字符” : "分开
5. 每一组键值对之间用半角符号” ；“结尾

三、CSS代码风格

1.样式格式书写

• 紧凑格式

    <style>
        h3 {color: deeppink;font-size: 20px}
    </style>

• 展开格式

    <style>
        h3 {
            color: deeppink;
            font-size: 20px;
        }
    </style>

在平常的使用中我们一般使用第二种（展开格式），更加直观，清晰

2.空格规范

关于空格规范我们有以下两点注意点~

• 在属性值前面，冒号后面，应保留一个空格
• 选择器（标签）和大括号中间保留空格

    <style>
        h3 {
            color: deeppink;
        }
    </style>