CSS全称是层叠样式表,英文是Cascading Style Sheets。
CSS主要是设置网页的颜色、字体、字号、HTML标签的宽高、距离、摆放位置等等。它是作用于HTML标签上的,还记得上篇文章里提到的标签属性吧,CSS就是通过标签属性和HTML标签产生关联的。
- 引入样式表
网页引入样式表有三种方式:外部样式表、内部样式表、内联样式。
它们三个主要是根据页面多少、页面大小来决定用哪种。
外部样式表通常用于页面很多,页面内容比较复杂的情况。它是把CSS写在一个文件里,然后在网页里引入CSS文件,一个CSS文件可以被多个页面引用。
我们通过<link>
标签引入CSS文件,<link>
标签放在头部<head>
标签内,<link>
标签是单标签。如下:
<head>
<link rel="stylesheet" type="text/css" href="main.css">
</head>
rel属性告诉浏览器,引入的文件是一个样式表,type类型是css,href是文件地址。
CSS文件的扩展名是.css。
CSS文件里直接写CSS代码,不用写HTML标签,举个例子,比如