信息发布→ 登录 注册 退出

phpstorm如何引用css

发布时间:2019-08-19

点击量:

CSS 文件的4种引入方式

(1)链接式:在网页的

标签对中使用标记来引入外部样式表文件,使用html规则引入外部css  (用得比较多) :

相关推荐:《PhpStorm使用教程》

(2)导入式:将一个独立的.css文件引入HTML文件中,导入式使用CSS规则引入外部CSS文件,

比较:link引用和import引用区别是:link是html加载前就引用,而import是html加载后才引用。举例,采用impor引用,会先显示无样式的页面,然后再把样式放进去。如果用JavaScript动态引用CSS,得使用link引用方式才可实现。

(3)内联css文件,直接在header里面写css,如:

这种方法的使用情况要少的多,最长见得就是访问量大的门户网站。或者访问量较大的企业网站的首页。与第一种方法比起来,优点突出,弊端也明显。优点:速度快,所有的CSS控制都是针对本页面标签的,没有多余的CSS命令;再者不用外链CSS文件。直接在HTML文档中读取样式。缺点就是改版麻烦些,单个页面显得臃肿,CSS不能被其他HTML引用造成代码量相对较多,维护也麻烦些。但是采用这种方法的公司大多有钱,对他们来说用户量是关键,他们不缺人进行复杂的维护工作。

(4) 直接在标签里面写样式

测试信息
标签:# phpstorm  # css  # JavaScript  # html  # 样式表  # 都是  # 加载  # 这种方法  # 要注意  # 较多  # 种方法  # 门户网站  # 速度快  # 量大  # 比较多  
在线客服
服务热线

服务热线

4008888355

微信咨询
二维码
返回顶部
×二维码

截屏,微信识别二维码

打开微信

微信号已复制,请打开微信添加咨询详情!