CSS设置外联
在html文件的<head></head>
里写
<link href="style.css" rel="stylesheet" type="text/css" />
href="style.css
"写上css文件的路径
外联的好处:
把css单独写到一个css文件内,然后在源代码中以link方式链接。不但本页可以调用,其它页面也可以调用。
自己走过的坑:外联不起作用时,检查你调用的css相对路径是否正确!
1、"/aaa.aa" 表示从网站根目录开始,即网站根目录下的aaa.aa文件
2、"./aaa.aa"表示本目录下的aaa.aa
3、"…/aaa.aa"表示上一级目录中的aaa.aa,当然,"…/…/aaa.aa"表上上一级目录中的aaa.aa
4、“aaa/“表示当前目录下的aaa文件夹,也相当与”./aaa/”
内联
在<head></head>
里写上
<style type="text/css">
h2 { color:#f00;}
</style>
内联的好处:减少http请求,达到优化客户端加载速度的效果!
嵌入式
把代码直接添加于所修饰的标记元素。
<div style="font-family:Arial,Helvetica,sans-serif;">嵌入式</div>
嵌入式的优势:更为直观;
弊端:加大了页面体积,不符合结构与表现分离的设计思想。