自学前端day 7

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>

嵌入式的优势:更为直观;
弊端:加大了页面体积,不符合结构与表现分离的设计思想。

猜你喜欢

转载自blog.csdn.net/weixin_44584059/article/details/86670317