① CSS实际是如何工作的呢?
当浏览器显示文档时,它必须将文档的内容与其样式信息结合。它分两个阶段处理文档:
1.浏览器将HTML和CSS转化成DOM(文档对象模型)。DOM在计算机内存中表示文档。它把文档内容和其样式结合在一起。
2.浏览器显示 DOM 的内容。
②。如何将你的CSS应用到HTML
1.外部样式表
比如有css文件如下
style.css: h1{color:blue;background-color:yellow;border:1px solid black;}p{color:red;}
<head>
<link rel = "stylesheet" href ="css/style.css">
</head>
2.内部样式表
<head>
<style>
h1{color:blue;background-color:yellow;border:1px solid black;}p{color:red;}
</style>
</head>
3.内联样式(当然在非必要的情况下切勿使用此种方式,不利于维护)
<body>
<h1 style = "color:blue; background-color:yellow;border: 1px solid black; ">Hello World!</h1>
</body>