CSS（０）CSS的引入方式

CSS （cascading  style  sheet)  层叠样式表

css引入的三种方式：

１.行间样式

<!--在body内写入-->
<div></div>
        <div style = "width:100px;height:100px;background-color:#f40"> 

2.页面级css：将css代码写在head里

<!--代码在head内，作用在body内的div-->
<style type="text/css">
    div{
        width:100px;
        height:100px;
        background-color:blue
            }
</style>            

3.外部引用css文件（这才是开发中主要采用的方式）在head内引用，第二块为one.css文件内容

<link rel="stylesheet" type="text/css" href="css/one.css"/>

div{
        width:100px;
        height:100px;
        background-color:#008000
    }

快捷：
div + Tab 可直接生成 <div></div>
link + Tab 可直接生成<link rel="stylesheet" type="text/css" href=""/>

浏览器工作：下载一行执行一行当遇到link是，浏览器会开启一个新的线程去下载css文件，即同时下载html,css文件，该行为为异步加载
在计算机中异步加载为两件事同时干，同步加载为先干完一件再干另一件