您好,欢迎来到三六零分类信息网!老站,搜索引擎当天收录,欢迎发信息

phpstorm如何引用css

2024/4/4 1:25:00发布13次查看
css 文件的4种引入方式
(1)链接式:在网页的93f0f5c25f18dab9d176bd4f6de5d30e9c3bca370b5104690d9ef395f2c5f8d1标签对中使用2cdf5bf648cf2f33323966d7f58a7f3f标记来引入外部样式表文件,使用html规则引入外部css  (用得比较多) :
<link href="./mystyle.css" rel="stylesheet" type="text/css"/>
相关推荐:《phpstorm使用教程》
(2)导入式:将一个独立的.css文件引入html文件中,导入式使用css规则引入外部css文件,<style>标记也是写在<head>标记中,使用的语法如下:
<style type="text/css"> @import"mystyle.css"; 此处要注意.css文件的路径</style>
比较:link引用和import引用区别是:link是html加载前就引用,而import是html加载后才引用。举例,采用impor引用,会先显示无样式的页面,然后再把样式放进去。如果用javascript动态引用css,得使用link引用方式才可实现。
(3)内联css文件,直接在header里面写css,如:
<style type="text/css">div{margin: 0;padding: 0;border:1px red solid;}</style>
这种方法的使用情况要少的多,最长见得就是访问量大的门户网站。或者访问量较大的企业网站的首页。与第一种方法比起来,优点突出,弊端也明显。优点:速度快,所有的css控制都是针对本页面标签的,没有多余的css命令;再者不用外链css文件。直接在html文档中读取样式。缺点就是改版麻烦些,单个页面显得臃肿,css不能被其他html引用造成代码量相对较多,维护也麻烦些。但是采用这种方法的公司大多有钱,对他们来说用户量是关键,他们不缺人进行复杂的维护工作。
(4) 直接在标签里面写样式
<div style="border:1px red solid;">测试信息</div>
以上就是phpstorm如何引用css的详细内容。
该用户其它信息

VIP推荐

免费发布信息,免费发布B2B信息网站平台 - 三六零分类信息网 沪ICP备09012988号-2
企业名录 Product