首页 > Web开发 > 详细

CSS(0)CSS的引入方式

时间:2020-03-03 20:44:11      阅读:72      评论:0      收藏:0      [点我收藏+]

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

CSS(0)CSS的引入方式

原文:https://www.cnblogs.com/foximengxin/p/12404341.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!