三种不同类型的CSS样式

遇到一个作业 "自己创建三种不同类型的CSS样式,样式自定"
但是完全不清楚有哪三种不同类型的CSS样式..求高手解答

1、首先,在电脑中打开编辑器,创建html文档。

2、然后,创建h1标签,用行内样式控制字体颜色为红色。

3、接下来,用内部样式选择器选择h1标签,控制它的样式。

4、外部样式需要,创建外部样式.css文件。

5、然后,在html文件里面引入css文件。

6、最后,在浏览器看是否生效,就可以了。

温馨提示:答案为网友推荐,仅供参考
第1个回答  推荐于2017-09-25
内部样式表
内部样式表需要在网页的<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>

希望能帮到你!本回答被提问者采纳
第2个回答  推荐于2017-09-24

css样式有以下三种类型:


1,内联样式

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

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

2,内部样式

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

<style>
    .box{width:200px;height:30px;}
</style>
<div class="box"></div>

3,外部样式

外部样式是通过在html中引用外部css文件来控制样式,如:

html文件中写入引用语句:

<link href="css文件路径" rel="stylesheet" media="screen" />

相似回答