css三种书写格式以及import与link的区别

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并且放在底部。

------>自己写的网页不会变的卡。。。。即不影响自己做的网站。。。