css样式表的三种样式

html-css013

css样式表的三种样式,第1张

行内样式表、内部样式表、外部样式表。

css是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。

css是英文Cascading Style Sheets的缩写。它是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。

它包含3种类型,内部样式,行内样式和外部样式表三种

作用的效果是按顺序从下到上,相同样式下面的会覆盖原有样式,除特殊情况外,一般都是行内样式>内部样式>外部样式。

以div为例

行内样式写法:

在style里面写样式

<div style="height:30pxbackground:#f00"></div>

内部样式:

在head标签内加入style标签,在标签内写样式:

<style>

div{height:30pxbackground:#f00}

</style>

外部样式是建立一个新文件后缀名为.css

举个例子:

建立style.css文件放在项目根目录下:

在里面写入

div{height:30pxbackground:#f00}

然后保存,在html的head标签内调用样式

<link rel="stylesheet" type="text/css" href="style.css" />