在html中使⽤css的主要⽅式有,html中使⽤css的⽅法有哪⼏种html中使⽤css的⽅法有4种:1、在HTML标签中使⽤style属性来设置css样式;2、在head标签中使⽤style标签来设置css样式;3、使⽤link标签导⼊⼀个外部css⽂件;4、使⽤“@import”规则导⼊外部css⽂件。
本教程操作环境:windows7系统、HTML5版、Dell G3电脑。
html中使⽤css的⽅法有4种:
内联⽅式(⾏内样式)
内部⽅式(内嵌样式)
使⽤link标签(链接式)
使⽤@import(导⼊式)
1、内联⽅式(⾏内样式)
手机上可以打html与css的app在HTML的标签中使⽤style属性来设置css样式
格式:
被修饰的内容
例:
在HTML中如何使⽤css样式
特点:仅作⽤于本标签。
2、内部⽅式(内嵌样式)
就是在head标签中使⽤style标签来设置css样式
格式:
特点:作⽤于当前整个页⾯
3、使⽤link标签(链接式)
将css代码写在⼀个单独的⽂件中,⽤link标签直接引⼊该⽂件到页⾯中。⼀个页⾯可以多次使⽤LINK标签引⼊多个外部css⽂件,注意这些CSS代码的相互影响,通常是后引⼊的CSS⽂件会覆盖前⾯引⼊的CSS⽂件的相同效果。这种引⼊CSS的⽅式是⽬前最为流⾏的,可以在站个⽹站范围内进⾏CSS代码的规划,⽅便复⽤和维护,但这样将代码⾼度集中,代码量可能过⼤,维护不当的话⼜容易出现混乱。
4、、使⽤@import(导⼊式)
使⽤@import引⼊CSS⽂件有两种⽅式,⼀种可以放在页⾯中的 中,⽤法如下:
@import url(index2.css);
另外也可以放在CSS⽂件中使⽤,⽤法如下:
@import "sub.css";
使⽤@import引⼊CSS可以很⽅便的引⼊外部⽂件的CSS代码,⽅便维护和规划。但是每多引⼊⼀个CSS⽂件,就会对服务器增加⼀次连接请求,当访问量较⼤时,需在维护性和性能上进⾏权衡。
推荐教程:《ht教程》
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论