引入css的四种方式

/*******css.html*/

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>css四种引入方式</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="布尔教育 http://www.itbool.com" />
<link rel="stylesheet" href="./23css.css" /> /* 第一种方式引入*/
<style>

</style>
</head>
    <body>
        <div id="test1" style="clolor:red;">天天向上</div>
    </body>
</html>


/********23-2.css***********************/

#test1{
    border: 10px solid blue;
}


/****23css.css******************/

@import url(23-2.css);
#test1{
    width: 200px;
    height: 300px;
    margin: 50px auto;
    background:gray;
}

你可能感兴趣的:(引入css的四种方式)