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文件，该行为为异步加载
在计算机中异步加载为两件事同时干，同步加载为先干完一件再干另一件

巴特西

CSS（０）CSS的引入方式

最新文章

热门文章