外观 - CSS

简介

CSS（层叠样式表）是一种用于描述网页样式的语言。它可以控制HTML文档中元素的颜色、尺寸、位置等外观属性，使网页具备更加美观和易读性。

CSS将文档的样式从内容中分离出来，用户可以通过更改CSS样式表中的样式，快速重新架构整个网页的布局和外观，使网页变得更加优美和易于维护。

特性

分离文档和样式

CSS将样式与HTML文档分离，通过链接样式表文件，只需改变样式表就可以快速修改样式。

层级和继承

CSS中通过选择器来选中HTML文档中的元素。选择器可以通过层级关系和继承关系从而控制整个文档的样式。

兼容性

CSS是Web标准的组成部分，可以兼容所有的Web浏览器，同时可以显示在桌面、平板电脑和移动设备等不同的终端上。

自由度高

CSS中包含了众多的特性，允许设计师和开发人员使用自己的创意去设计一个独特的网页样式。

语法

CSS的语法如下所示：

selector {
    property1: value1;
    property2: value2;
}

其中selector表示要选中的HTML元素，property表示要修改的属性，value则表示修改后的属性值。

实例

现在我们来看一下如何使用CSS来修改一个元素的样式：

一个HTML代码片段：

<div id="example">
    <p>Hello, CSS!</p>
</div>

现在我们想要将这个

#example {
    background-color: blue;
}
    
#example p {
    color: white;
}

以上代码中，我们使用了ID选择器（#example）来选中外层的