1.css组成
css{属性,属性值}
属性:描述一个东西的基本特征。如:身高
属性值:每个属性具体内容,如:1.75m
西施{
体重:50kg;
姓名:西施;
升高:1.7m;
}
CSS属性不分先后顺序,若有重复以后面为准。
2.CSS书写格式
(1)内联写法/行内CSS
<div style="color:blue"></div> style是标签的属性
优点:简单、高效、快速
缺点:不能重用
(2)内部CSS写法,页级CSS写法
<style>
所有的css...
</style>
缺点:1.css和html超过几百行时,上下翻页麻烦;
2.不方便后期维护与升级。
上传时间、同步问题
3.压缩不方便;
(3)外部CSS写法,外联CSS写法
工作中大多都用这种写法。
import 与 link 的区别:
@import css专用语法。
w3c标准用法之一。 @import url("a.css");
import 要放在<style>标签中
<style>
@import url("a.css");
</style>
@import 可以做到一个css文件引入另一个css文件。link 无法做到。
大型团队,分工。完美选择方案:
利用@import 合并所有人css文件,到一个css里面,最后用link导入html页面。
link:链接
relation:关联
type:类型
href:HyperText Reference超级文本引用
link主要用来引入css,网页图标...
指示告知搜索引擎,网页之间的关系,...
最后都是用Link引到网页中来。
link和import加载顺序问题:
link比import优先加载
网站前台重构:
优化网页结构、性能。
第一:
HTML,同时加载Link,css,和加载import;
HTML加载:加载HTML-DOM结构。
第二加载:css,js
第三加载:图片、多媒体
全部加载完毕后,触发onload 事件。
加载顺序对网站的影响:
Import并且放在底部。
数据优先出来,然后美化。
link,css优先
边加载,边渲染,渲染好才会慢慢出来。
link无论放在哪里,都是优先加载。
import受代码顺序影响。
引入第三方,css,js
建议使用import并且放在底部。
------>自己写的网页不会变的卡。。。。即不影响自己做的网站。。。