扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
在html网页中引入引入css主要有以下四种方式:\x0d\x0a(1)行内式\x0d\x0a
网页中css的导入方式\x0d\x0a\x0d\x0a(2)嵌入式\x0d\x0a\x0d\x0a P{ color:red }\x0d\x0a\x0d\x0a 嵌入式一般写在head中,对于单个页面来说,这种方式很方便。\x0d\x0a\x0d\x0a(3)导入式\x0d\x0a \x0d\x0a \x0d\x0a @import "jisuan.css"; \x0d\x0a\x0d\x0a\x0d\x0a(4)链接式\x0d\x0a\x0d\x0a \x0d\x0a导入式和链接式差不多,都是从外部引入css文件。但是链接式对于客户端用户浏览网站时,效果会好些。
目前成都创新互联已为千余家的企业提供了网站建设、域名、虚拟空间、网站运营、企业网站设计、伊美网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。
1、使用 link 标签导入
使用 link 标签导入外部样式表文件:
link href="001.css" rel="stylesheet" type="text/css" /
对各个属性的说明:
href 属性设置外部样式表文件的地址,可以是相对地址,也可以是绝对地址。
rel 属性定义关联的文档,这里表示关联的是样式表。
type 属性定义导入文件的类型,同 style 元素一样,text/css表明为 CSS 文本文件。
一般在定义 link 标签时,应定义 3 个基本属性,其中 href 是必须设置属性。
也可以在 link 元素中添加 title 属性,设置可选样式表的标题,即当一个网页文档导入了多个样式表后,可以通过 title 属性值选择所要应用的样式表文件。
外部样式是 CSS 应用的最佳方案,一个样式表文件可以被多个网页文件引用,同时一个网页文件可以导入多个样式表,方法是重复使用 link 元素导入不同的样式表文件。
2、使用 @import 关键字导入
在 style 标签内使用@import关键字导入外部样式表文件:
style type="text/css"
@import url("001.css");
/style
在 @import 关键字后面,利用 url() 函数包含具体的外部样式表文件的地址。
对比
两种导入样式表的方法比较:
link 属于 HTML 标签,而 @import 是 CSS 提供的。
页面被加载时,link 会同时被加载,而 @import 引用的 CSS 会等到页面被加载完再加载。
@import 只在 IE 5 以上才能识别,而 link 是 HTML 标签,无兼容问题。
link 方式的样式的权重高于 @import 权重。
一般推荐使用 link 导入样式表的方法,@import 可以作为补充方法使用。
在制作一个网页的时候,Css样式的添加一共有四种方式,一起来看看这四种方式:
一、使用STYLE属性: 将STYLE属性直接加在个别的元件标签里。
元件(标签) STYLE="性质(属性)1: 设定值1; 性质(属性)2: 设定值2; ...}
例如:
TD STYLE="COLOR:BLUE; font-size:9pt; font-family:"标楷体"; line-height:150%
这种用法的优点 是可灵巧应用样式於各标签中,但是缺点则是没有整篇文件的『统一性』。
二、使用STYLE标签: 将样式规则写在STYLE.../STYLE标签之中。
通常是将整个的 STYLE.../STYLE结构写在网页的HEAD /HEAD部份之中。这种用法的优点就是在於整篇文件的统一性,只要是有声明的的元件即会套用该样式规则。缺点就是在个别元件的灵活度不足。
三、使用 LINK标签: 将样式规则写在.css的样式档案中,再以LINK标签引入。
假设我们把样式规则存成一个example.css的档案,我们只要在网页中加入
LINK REL=STYLESHEET TYPE="text/css" HREF="example.css"
即可套用该样式档案中所制定好的样式了。 通常是将LINK标签写在网页的head/head部份之中。这种用法的优点就是在於可以把要套用相同样式规则的数篇文件都指定到同一个样式档案即可。缺点也是在个别文件或元件的灵活度不足。
四、使用@import引入: 跟LINK用法很像,但必 放在STYLE.../STYLE 中。
要注意的是,行末的分号是绝对不可少的!这种方式也可以把
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流