CSS (cascading style sheet) 层叠样式表
css引入的三种方式:
1.行间样式
<!--在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文件,该行为为异步加载
在计算机中异步加载为两件事同时干,同步加载为先干完一件再干另一件
原文:https://www.cnblogs.com/foximengxin/p/12404341.html