扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
浏览器样式。
创新互联从2013年成立,先为陈仓等服务建站,陈仓等地企业,进行企业商务咨询服务。为陈仓企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。
行内样式。
style标签定义的样式。
link引入的外部样式。
在html网页中引入引入css主要有以下四种方式:
(1)行内式
网页中css的导入方式
(2)嵌入式
嵌入式一般写在head中,对于单个页面来说,这种方式很方便。
(3)导入式
!-- 导入外部样式:在内部样式表的标记之间导入一个外部样式表,导入时用@import。 --
(4)链接式
导入式和链接式差不多,都是从外部引入css文件。但是链接式对于客户端用户浏览网站时,效果会好些。
样式的引用形式大致可分为以下四种:
一、行间样式,即直接加在标签上的样式 例:div style="width:50px;"/div
二、内联样式 即用style /style标签括起来写在页面中的样式
三、外联样式:即将样式单独放到一个文件夹中,然后用link标签引入页面的形式
四,导入样式,即将样式,按模块划分或其它的分法分别放在不同的css文件中,然后用@导入到其它样式中 。此方法建议不要用,因为效率不是特别高
前三种的优先级为: 行间 内联 外联
小弟才疏学浅只知道三种,我就先说三种类型吧,不足的请补充
内联样式、内部样式、外部样式
内联样式:样式直接写在标签内的叫做内联样式。权值大于内部样式和外部样式。
例如:div style="width:100px;height:100px;border:1px solid #000;background:red;"你好/div
内部样式:样式写在头部内的叫内部样式。权值大于外部样式,小于内联样式。
例如:
html
head
style
#d1{
width:100px;
height:100px;
border:1px solid #000;
background:red;
}
/style
/head
body
div id="d1"你好/div
/body
/html
外部样式:样式写在后缀名为.css的文件中,然后通过在html页头引入css文件的方式叫外部样式。权值小于内联样式和内部样式。
例如:
html
head
link rel="stylesheet" href="css样式文件地址"
/head
body
div id="d1"你好/div
/body
/html
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流