自学前端day 8

CSS设置外联 在html文件的里写


href="https://www.it610.com/article/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/”
内联 在里写上
h2 { color:#f00; }

内联的好处:减少http请求,达到优化客户端加载速度的效果!
嵌入式 把代码直接添加于所修饰的标记元素。
嵌入式

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

    推荐阅读