CSS教程

时间:2020-01-09 10:34:08  来源:igfitidea点击:

CSS是层叠样式表的缩写。 HTML或者SVG内部使用CSS来设置HTML页面内容的样式。

现代网站或者Web应用程序由HTML,CSS,JavaScript和可能的SVG组成。 HTML用于定义网站或者Web应用程序中的内容及其组成。 CSS用于定义如何用颜色,边框,字体,背景等显示内容。JavaScript用于使网站或者Web应用程序变得生动。 SVG用于为图表,图标和徽标创建可缩放的矢量图形。

在学习CSS之前,我们需要先了解HTML。如果我们现在不使用HTML,那么我也有HTML4教程和HTML5教程,它们都是免费的。

本CSS教程重点介绍如何将CSS与HTML结合使用。如果我们需要将CSS与SVG结合使用,请查看我的SVG和CSS教程。如果我们不了解SVG,我也可以提供大量的SVG教程。

CSS版本

在撰写本文时,有两个主要的CSS版本正在使用。 CSS 2.1和CSS 3.0。在本教程中,我将介绍这两个版本的功能。毕竟,只要支持某个CSS功能,人们就会忘记该功能是来自CSS 2.1还是CSS 3.0。

CSS示例

这是HTML页面内的一个CSS快速示例,因此我们可以看到它的外观:

<!DOCTYPE html>
<html>

<body>

    <style>
        div {
            border: 1px solid black;
        }
    </style>
    
    <div> Style This! </div>

</body>
</html>

此示例显示了一个最小的HTML页面,其中包含一个style元素和一个div元素。 style元素包含CSS代码。这个CSS范例宣告所有div元素的样式均应以宽度为1像素,纯色和黑色的边框为界。