三种不同类型的CSS样式

来源:百度知道 编辑:UC知道 时间:2024/05/30 14:43:25
遇到一个作业 "自己创建三种不同类型的CSS样式,样式自定"
但是完全不清楚有哪三种不同类型的CSS样式..求高手解答

内部样式表
内部样式表需要在网页的<head>部分定义,格式如下:
<head>
<style type="text/css">
/*符合CSS语法结构的CSS语句,例如*/
body { background-color: blue; }
</style>
</head>

行内样式表(内嵌样式表)
行内样式表直接在标签内部定义,使用style属性,写法如下:
<标签 style="符合CSS语法结构的CSS语句">
例如:
<p style="text-indent:24px;">段落内容</p>

外部样式表
使用外部样式表时,CSS文件与网页文件(html)是分离开来的。要让某一个网页调用一个外部CSS文件,你需要在网页的<head>部分插入以下内容:
<head>
<link rel="stylesheet" type="text/css"
href="文件位置/你的CSS文件名.css" />
/*文件位置就是所处在的文件夹相对与当前网页的相对路径*/
</head>

希望能帮到你!

css样式有以下三种类型:


1,内联样式

内联样式是直接在html标签上定义该标签的css样式,如:

<div style="width:200px;height:30px;"></div>

2,内部样式

内部样式是写在html文件中,且包含在<style></style>代码块中,如: