1、html5使用link标签引入外围的css样式表。方法是首先打开hbuilder软件，在一个外部css文件中编写css代码，然后可以能过 link 引入到html中，这里设置了两个属性的字体和颜色属性：
2、在html文件中使用link标签引入刚刚写好的css样式表，其中href是相对路径，即相对于项目所在文件的路径。然后写两个标签，引入上述css文件里的样式：
3、最后打开浏览器，即可看到 上面的代码效果：
在html中定义CSS样式的方法有三种，新建CSS文件 使用link 关联 这种是最常用的外部引用样式，第二种讲样式写在 head 头部里面 这种是页面样式 ，第三中样式直接写在行内 style里面写入相关的样式就可以了。
第一种 也是最常用的及时外部关联相关的样式表，使用关联样式，首先 新建一个css 文件，在head标签里面使用 link 标记 里面写、
rel=“stylesheep” （描述了当前页面与href所指定文档的关系即说明的是,href连接的文档是一个新式表）
type="text/css" (type="text/css" 表示的是浏览器的解释方式，如果不定义的话，有些CSS效果 浏览器解释得不一样。)
href="css/mystylecss" ( 新建了一个mystyle 样式文件，找到文件的路径 写在herf里面)
第二种就是 页面样式 ，将样式写在style标记里面 在这个里面直接写相应的 属性 样式就可以了
第三种就是行内样式，将代码写在相应的 标记里面
以上就是写样式的三种方式，建议是使用第一种外部关联的这个符合web20思想和 行业规范。更利于网页后期的修改和维护。第二种适合于做一些小的效果 或者验证 样式无效的原因。第三种比较省事 这样写页面布局非常乱 也不利于页面的修改和维护 不建议！
最后注意： 第一二种样式写在head标记里面 ！
<link> 标签定义文档与外部资源的关系。<link> 标签最常见的用途是链接样式表，你这个就是链接样式表。href 定义被链接文档的位置。
rel 定义当前文档与被链接文档之间的关系。
type 规定被链接文档的 MIME 类型。这是关于怎么在网页html页面中调用css样式文件问题，详细调用方法如下：
1、直接在html页面中使用style属性
<td style="height:30px;">hello</td>
这种方法可以灵活的将样式应用于各个标签中，方便代码的编写。缺点是没有整篇文件的“统一性”，在修改样式时变得困难，不方便维护。
2、使用style标签，通常在网页<head></head>之间写
<style type="text/css">
<!--
style1{
font-size:12px;
}
-->
</style>
调用方法：
<span class="style1">要使用CSS啊</span>
3、利用link标签调用外部css样式文件
以上两种方法CSS样式代码和HTML代码都在一个页面上，本方法可以调用外部的CSS文件，比如stylecss，CSS文件的后缀为css，可以用Dreamweaver或者笔记本编写。
<head>
<title>css调用实例</title>
<link href="stylecss" type="text/css" rel="stylesheet" />
</head>
也是在head里调用的。
基本上第一种和第三种方法常用到。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）