CSS概念与基本知识

CSS的概念

Cascading Style Sheet  联级样式表

表现HTML或XHTML文件样式的计算机语言

包括对字体、颜色、边距、高度、宽度、背景图片、网页定位等设定

一、第一种内部样式

在更改文本样式时，要在在head里加入属性style 

type="text/css”是赋予他CSS的文本样式，如下：

style标签

<style type="text/css">

h1 {

font-size:12px;

color:#F00;

}

</style>

这样做我们就更改了他的文本样式，改变了他的字体大小与颜色

在书写内部样式，我们遇到多行更改一样样式的时候我们也可以像下图一样，用，隔开一起给他更改样式，这样做就快捷多了

二、行内样式

行内样式就是在标签里直接进行修改样式，要注意的是所有的样式更改后面都要加;，如图：

三、外部样式

分为链接式与导入式，两种方式

一、链接式，他需要在在同级文件夹简历一个css的文件，在建立好的文件直接输入你要更改的样式，注意点在于在他的html文件里他是用link标签来命名的，与上面的style不同，它还需要添加rel=“styleshet”表示他的联级样式，href用来添加我们创建的CSS文件地址。如图：

二、导入式

同样他也是需要建立CSS文件将你需要更改的样式写好，在使用他的属性如图进行样式更改，这里注意的是他是CSS2.0版本的，如果是CSS1.0那他的版本就不适用了。