版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/u014565127/article/details/89313069
CSS和HTML的结合方式
- 每一个HTML标签上都有一个属性style，把css和HTML结合在一起。
<div style="background-color:red; color: green;"> 电视一直闪 联络方式都还没删 你待我的好 我却错手毁掉 </div> - 使用html的一个标签实现<style>标签，写在<head>里面。
<head> <style type="text/css"> div { background-color: red; color: green; } </style> </head> <body> <div> 电视一直闪 联络方式都还没删 你待我的好 我却错手毁掉 </div> </body> - 在style标签里面使用语句
@import url(css文件的路径)
这种方式在某些浏览器下不起作用，不建议使用。
HTML文件：
CSS文件： div.css<html> <head> <style type="text/css"> @import url("div.css"); </style> </head> <body> <div> 电视一直闪 联络方式都还没删 你待我的好 我却错手毁掉 </div> </body> </html>div{ background-color: red; color: green; } - 使用头标签<link>，引入外部css文件
这种方式使用的最广泛。
HTML文件：
CSS文件：<html> <head> <link rel="stylesheet" type="text/css" href="div.css"/> </head> <body> <div> 电视一直闪 联络方式都还没删 你待我的好 我却错手毁掉 </div> </body> </html>div{ background-color: red; color: green; }