做互联网的朋友应该对网站都很熟悉，一个网站有众多的页面，我们看到的页面大多是由html和css组成的，在上一节里面我们介绍了html语言，具体可以参考前面的教程，那么css是什么语言呢?
CSS的全称英文叫做Cascading Style Sheets，翻译成中文就是层叠样式表的意思，我们看到的页面中的样式都是通过css来控制的。
CSS功能的强大之处在于它可以控制页面的各个标签样式，让我们的页面看起来更加的丰富，如果页面不添加css样式，就会出现乱码的情况。
知道了css是什么语言之后，css该如何使用呢?
一、css是结合html一起使用的，使用html可以对页面进行布局，在添加样式的时候可以使用到css样式。
二、css文件的后缀名是.css文件，我们在使用css的时候可以通过下面的三种形式去引用：
1、直接在html文件内部引用css
我们可以在html文档里面写一个style的标签，然后再style里面写css样式，这种也叫做内部样式表，具体写法可以参考下面：
<!DOCTYPE>
<html>
<head>
<meta charset="utf-8" />
<title>内部样式表</title>
<!--使用内部样式表引入CSS-->
<style type="text/css">
div{
background: green;
}
</style>
</head>
<body>
<div>学习技术网</div>
</body>
</html>
|
2、css也可以通过外部进行引用
css外部引用主要是通过link标签来引用，这个是直接的将.css的文件引用到html文档里面来。还有一种就是导入式，具体的写法如下：
<!DOCTYPE>
<html>
<head>
<meta charset="utf-8" />
<title>外部样式表</title>
<!--链接式:推荐使用-->
<link rel="stylesheet" type="text/css" href="css/style.css" />
<!--导入式-->
<style type="text/css">
@import url("css/style.css");
</style>
</head>
<body>
<ol>
<li>学习技术网</li>
<li>外部样式表</li>
</ol>
</html>
|
3、css还可以直接写在当前的标签里面，这种也叫做行内样式，可以通过style后面加一个等号的格式来写，具体的写法如下：
<!DOCTYPE>
<html>
<head>
<meta charset="utf-8" />
<title>行内样式</title>
</head>
<body>
<!--使用行内样式引入CSS-->
<h1 style="color:red;">学习技术网</h1>
<p style="color:red;font-size:30px;">我是p标签</p>
</body>
</html>
|
上面是简单的对什么是css做了一个介绍，以及css引用的方法做了一个介绍，后面学习技术网会更加详细的介绍css的具体使用方法。
