3，css引入方式都有哪些，常应用哪里？不同引入方式的优势与劣势都有哪些

Posted 2023-03-26

参考技术A 1、符合W3C标准。
2、支持浏览器的向后兼容，也就是无论未来的浏览器大战，胜利的是IE7或者是火狐，您的网站都能很好的兼容。
3、搜索引擎更加友好。相对与传统的table, 采用DIV+CSS技术的网页，对于搜索引擎的收录更加友好。
4、样式的调整更加方便。内容和样式的分离，使页面和样式的调整变得更加方便。
5、CSS的极大优势表现在简洁的代码，对于一个大型网站来说，可以节省大量带宽，而且众所周知，搜索引擎喜欢清洁的代码。
6、表现和结构分离，在团队开发中更容易分工合作而减少相互关联性 参考技术B 常用的三种：
1、页面中引入样式表文件，在单独的样式表css文件中编写样式代码，引入方式如下：
<link href="../css/style.css" rel="stylesheet" type="text/css">
然后在style.css文件中编写样式。
这种最常用，优点是方便管理，样式统一，代码精简，用于全站统一样式。

2、在html头部（head）中用
<style type="text/css">
.... ....
</style>
包起来，在这里面编写样式代码，如下：

<style type="text/css">
*
width:333px;height:300px;padding: 0;margin: auto

</style>
这种一般用于单页面或单独的专题页面，如果用于全站，增加页面代码，浪费流量，也不利于改版。

3、在标签里面直接编写行内样式，这种是最不常用的：
<div style="width:333px;height:300px;color: #333"><div>
这类最少用，会使页面结构混乱，代码臃肿，后期维护成本增加。