HTML中CSS引入的方式有哪些,该如何使用?
1、CSS的引入方式有三种:外部样式,内部样式和行内样式。这三种引入方式都有哪些好处和哪些劣势呢?

2、外部引入:
在HTML的head部分通过
<link rel="stylesheet" href="css文件路径">,引入外部的CSS文件;
优势:
一个CSS文件可控制多个页面,易改版、便于维护,减少代码量、代码简洁规范易于分工协作,有效利用缓存机制
劣势:
相对于单页有垃圾代码
外部引入中的href属性会给服务器造成请求的压力


3、内部引入(头部书写):
在head部分加入style标签,CSS代码就写在标签内
优势:
速度快,没有服务器请求压力,相对于外部引入单页代码量少
劣势:
不易改版与维护,代码较乱不易前后台沟通

4、行内样式(在标签内直接写CSS):
直接把css标签写在页面标签里;
优势:
优先级最高
劣势:
冗余代码多,代码量大,不利于维护

5、个人建议使用外部样式。

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:157
阅读量:194
阅读量:20
阅读量:164
阅读量:133