十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
目前有两种引用方式,一种是通过在head里面的link来引用,另外一种是直接通过import来引用,示例代码如下:
为黄平等地区用户提供了全套网页设计制作服务,及黄平网站建设行业解决方案。主营业务为做网站、网站设计、黄平网站设计,以传统方式定制建设网站,并提供域名空间备案等一条龙服务,秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求,就会得到认可,从而选择与我们长期合作。这样,我们也可以走得更远!
第一种:link引用
link rel="stylesheet" href="/css/mycss.css" /
第二种:@import引用
style type="text/css"
@import url(/css/mycss.css)
/style
link和import语法结构不同,前者link是html标签,只能放入html源代码中使用,后者可看作为css样式,作用是引入css样式功能。
import在html使用时候需要style type="text/css"标签,同时可以直接“@import url(CSS文件路径地址);”放入css文件或css代码里引入其它css文件。
本质上两者使用选择区别不大,但为了软件中编辑布局网页html代码,一般使用link较多,也推荐使用link。
css主要有三种引用方法:
1,内部引用,在html文档中在style标签里面写的css样式
style
bdoy{font-size:14px;}
/style
2,外部引用,用link标签引用外部的css文件,将样式引用到html文档来。
link rel="stylesheet" type="text/css" href="style.css"
3,在标签中使用,使用style属性将当前的标签样式改变。
div style="color:red"/div
样式的引用形式大致可分为以下四种:
一、行间样式,即直接加在标签上的样式 例:div style="width:50px;"/div
二、内联样式 即用style /style标签括起来写在页面中的样式
三、外联样式:即将样式单独放到一个文件夹中,然后用link标签引入页面的形式
四,导入样式,即将样式,按模块划分或其它的分法分别放在不同的css文件中,然后用@导入到其它样式中 。此方法建议不要用,因为效率不是特别高
前三种的优先级为: 行间 内联 外联
一般来说只有3种:
1.最常用的,引入样式表,在样式表中编写样式,引入方式如下:
link href="css/style.css" rel="stylesheet" type="text/css"
2.在Html头部用style/style包起来,在这里面编写样式:
style type="text/css"
*{
padding: 0;margin: 0
}
/style
3.在标签里面直接编写行内样式。
div style="color: #333"div
当然还有一种方式是用JS直接更改或者赋值给某个标签,但是其实是属于第三种的范围的