-
样式有三种引入方式:外部样式,内部样式,内联样式
外部样式:通过link引入外部样式表,一般置于head标签中
<link rel="stylesheet" type="text/css" href="url">
其中“url”是外部css的路径。内部样式:位于style标签内部,一般置于head标签中
<style>
selector{
width: 200px;
height: 200px;
}
</style>内联样式:位于html元素中,通过style属性设置
<p style="width:200px; height:20px;"></p>@import
:是在css样式表中引用其他css样式,置于style标签中或.css样式表中
@import("url")
-
link和@import的区别:
- link是XHTML标签,除了加载CSS外,还可以定义RSS等其他事务;@import属于CSS范畴,只能加载CSS。
- link引用CSS时,在页面载入时同时加载;@import需要页面网页完全载入以后加载。
- link是XHTML标签,无兼容问题;@import是在CSS2.1提出的,低版本的浏览器不支持。
- link支持使用Javascript控制DOM去改变样式;而@import不支持。
CSS样式引入方式
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...