4个回答
展开全部
CSS样式的引用方式有三种：
一、行间样式表
行间样式表是指将CSS样式编码写在HTML标签中，格式如下
<h1 style="font-size:12px;color:#000FFF">
我的CSS样式。
</h1>
行间样式表由HTML元素的HTML元素的style支持，只需将CSS代码用分号隔开写在style=""之中。这是最基本的形式，但是它没有实现表现与内容分离且不能灵活的控制多个页面所以我们只是在调试CSS代码的时候使用。
二、内部样式表
内部样式表与行间样式表相似都是把CSS代码写在HTML页面中，稍微不同的是前者可以将样式表放在一个固定的位置，格式如下
<html>
<head>
<title>内部样式表</title>
<style type="text/css">
h1{font-size:12px;
color:#000FFF
}
</style>
</head>
<body>
<h1>我的CSS样式。</h1>
</body>
</html>
内部样式表编码是初级的应用形式，不能达到跨页面使用所以不适合使用。
三、外部样式表
外部样式表是CSS应用中最好的一种形式，它将CSS样式代码单独放在一个外部文件中，再由网页进行调用。多个网页可以调用一个样式文件表，这样能够实现代码的最大限度的重用及网站文件的最优化配置，格式如下
<html>
<head>
<title>外部样式表</title>
<link rel="stylesheet" rev="stylesheet" href="style.css">
</head>
<body>
<h1>我的CSS样式。</h1>
</body>
</html>
在style.css中的代码为
h1{font-size:12px;
color:#000FFF
}
我们在<head>中使用了<link>标签来调用外部样式表文件。将link指定为stylesheet方式，并使用了href="style.css"指明样式表文件的路径便可将该页面应用到在style.css中定义的样式。
一、行间样式表
行间样式表是指将CSS样式编码写在HTML标签中，格式如下
<h1 style="font-size:12px;color:#000FFF">
我的CSS样式。
</h1>
行间样式表由HTML元素的HTML元素的style支持，只需将CSS代码用分号隔开写在style=""之中。这是最基本的形式，但是它没有实现表现与内容分离且不能灵活的控制多个页面所以我们只是在调试CSS代码的时候使用。
二、内部样式表
内部样式表与行间样式表相似都是把CSS代码写在HTML页面中，稍微不同的是前者可以将样式表放在一个固定的位置，格式如下
<html>
<head>
<title>内部样式表</title>
<style type="text/css">
h1{font-size:12px;
color:#000FFF
}
</style>
</head>
<body>
<h1>我的CSS样式。</h1>
</body>
</html>
内部样式表编码是初级的应用形式，不能达到跨页面使用所以不适合使用。
三、外部样式表
外部样式表是CSS应用中最好的一种形式，它将CSS样式代码单独放在一个外部文件中，再由网页进行调用。多个网页可以调用一个样式文件表，这样能够实现代码的最大限度的重用及网站文件的最优化配置，格式如下
<html>
<head>
<title>外部样式表</title>
<link rel="stylesheet" rev="stylesheet" href="style.css">
</head>
<body>
<h1>我的CSS样式。</h1>
</body>
</html>
在style.css中的代码为
h1{font-size:12px;
color:#000FFF
}
我们在<head>中使用了<link>标签来调用外部样式表文件。将link指定为stylesheet方式，并使用了href="style.css"指明样式表文件的路径便可将该页面应用到在style.css中定义的样式。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
Vue实践-CSS样式position/display/float属性对比使用
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
就是引用路径要注意
然后分清内部还是外部
其他的就是相对路径和绝对路径的问题
多注意就好办啦
然后分清内部还是外部
其他的就是相对路径和绝对路径的问题
多注意就好办啦
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
css样式的三种引用
[ 2006-11-21 15:21:00 | By: BB ]
css样式块
格式一 <style type="text/css">
<!--
标识名{ 属性：值；}
-->
</style>
例如：<style type="text/css">
<!--
p{font-size:12px;<br/> font-family:"宋体";<br/> color:#ff0000;<br/> }
这样就修改了在网页中的<p>标签的格式。
如果在标签名的前面再加上一个点，则表示该样式并不立即起作用。只有将它加在标签的class属性中才生效，也是我们常用的格式
例如：<style type="text/css">
<!--
.bg{
color:#ffffff;
background-color:"888888" ;
filter:dropshadow(color="000000",offx=1,offy=1,positive=true)
}
-->
</style>
<body>
<table>
<tr>
<td class="bg">改变在此处</td>
</tr>
</table>
</table>
</body>
格式二
外联样式文件
将css样式写在另外一个扩展名为css的文件中
当网页中引用此样式是可以
<link rel="stylesheet" href="/teacher/blog/url ";type="text/css">
格式三
内嵌式样式
例如：
<td style="color:#ff0000;font-size:12px;">
[ 2006-11-21 15:21:00 | By: BB ]
css样式块
格式一 <style type="text/css">
<!--
标识名{ 属性：值；}
-->
</style>
例如：<style type="text/css">
<!--
p{font-size:12px;<br/> font-family:"宋体";<br/> color:#ff0000;<br/> }
这样就修改了在网页中的<p>标签的格式。
如果在标签名的前面再加上一个点，则表示该样式并不立即起作用。只有将它加在标签的class属性中才生效，也是我们常用的格式
例如：<style type="text/css">
<!--
.bg{
color:#ffffff;
background-color:"888888" ;
filter:dropshadow(color="000000",offx=1,offy=1,positive=true)
}
-->
</style>
<body>
<table>
<tr>
<td class="bg">改变在此处</td>
</tr>
</table>
</table>
</body>
格式二
外联样式文件
将css样式写在另外一个扩展名为css的文件中
当网页中引用此样式是可以
<link rel="stylesheet" href="/teacher/blog/url ";type="text/css">
格式三
内嵌式样式
例如：
<td style="color:#ff0000;font-size:12px;">
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
