外链式中css文件和html文件需要在同一个文件夹吗

外链式中css文件和html文件需要在同一个文件夹吗,第1张

不需要

百度知道

如何实现CSS文件与HTML文件的关联?...展开

查看全部4个回答

php6

TA获得超过103个赞

关注

成为第14位粉丝

这样是不行的。需要用网页调用外部CSS文件。具体的做法就在我写的教程里面就有,摘一段:

要让某一个网页调用一个外部CSS文件,你需要在网页的<head>部分插入以下内容:

<head>

<link rel="stylesheet" type="text/css" href="文件位置/你的CSS文件名.css" />

</head>

如果你的css和网页在一个文件夹,href直接添上文件名就可以了。比如说CSS叫做waibu.css,那么代码就是:

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

最后的建议就是可以系统地学习一下CSS,这样应付起来这种问题就游刃有余了

外链 <link rel="stylesheet" type="text/css" href="https://iknowpc.bdimg.com/static/common/pkg/common.688d29b.css" />

行内 <p style="color:red"></p>

页面内 <style>.p{color: red}</style>

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: 0padding: 0border: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样式方法。


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zaji/6128919.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-15
下一篇 2023-03-15

发表评论

登录后才能评论

评论列表(0条)

保存