百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>html5教程> html怎样连贯外部css文件?
分享文章到:

html怎样连贯外部css文件?

发布时间:09/01 来源:未知 浏览: 关键词:
在学习前端的时候,我们应当知道css给html标志增加各种样式,用来告诉阅读器,因该怎样显示这些标志里面的内容。既然css是用来给html增加各种样式的,那么,html中怎样引入外部的css文呢?本篇文章将给大家来介绍关于html引入css文件的四种办法,下面我们就来看看详细的内容。

html连接外部css文件的办法:

1、html引入css文件之直接在div中使用css样式制作div+css网页

<div style="border:1px red solid;">html引入css文件</div>

说明:html引入css文件的这种办法不倡议使用,由于会让页面的标签许多,看起来很负担,表现不了css的优势,当然假如你非常想用这种办法,在不经常更换的地方可以用一用,但是还是不引荐。

2、html引入css文件之html中使用style自带式

直接在header 里面写css

<style type="text/css">
div{margin: 0;padding: 0;border:1px red solid;}
</style>

说明:html引入css文件的这种办法适合在页面较少的状况下使用。长处:速度 快,所有的css操纵都是针对本页面标签的,没有余外的css命令;再者不消外链css文件。直接在html文档中读取样式。缺陷假如页面较多改版会很费事,单个页 面显得臃肿,css不克不及被其他html援用造成代码量相对较多,保护也费事些。但是采纳这种办法的公司大多有钱,对他们来说会员量是关键,他们不缺人进 行复杂的保护工作。

3、html引入css文件之使用@import援用外部CSS文件

将一个独立的.css文件引入HTML文件中,导入式使用css规则引入外部css文件,<style>标志也是写在<head>标志中,使用的语法如下:

<style type="text/css">
    @import"mystyle.css"; 此处要留意.css文件的途径
</style>

4、html引入css文件之使用link援用外部CSS文件

在网页的<head></head>标签对中使用<link>标志来引入外部样式表文件,使用html规则引入外部css

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

说明:html引入css文件的这种办法就不需要style标签,而是直接通过link一个样式来援用外部样式,引荐使用link来援用外部的css样式办法。

以上就是给大家介绍的四种html引入外部css文件的四种办法,更多关于html和css的内容可以关注百分百源码网。

以上就是html怎样连接外部css文件?的具体内容,更多请关注百分百源码网其它相关文章!

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有151人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板