css和html的四种结合方式
Posted ......................
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了css和html的四种结合方式相关的知识，希望对你有一定的参考价值。
1.在每个html网页的body中使用
<div style="background-color:black;color:red;">asdasd</div>
2.使用html中的一个标签实现<style>标签，写在head里面
<style type="text/css">
div{
background-color:black;
color:red;
}
</style>
</head>
<body>
<div>dasdas</div>
<body>
3.在style标签中使用
@import url (css文件的路径)
第一步，创建一个css文件
div{
background-color:black;
color:red;
}
第二步，在style标签中使用
<style type="text/css">
@import url(css文件的路径)
</style>
4.使用<link>头标签引用
<Link rel="stylesheet" type="text/css" href="css文件的路径">
注：第三种结合方式，缺点：在某些浏览器下不起作用，一般使用第四种结合方式
css的基本选择器
1.标签选择器
p{
color:red;
}
div{
color:red;}
<p>asd</p>
<div>sda</div>
2.class选择器
div.hah{
color:red;
}
<div class="hah">sad</div>
如果有两个相同class的标签，可以直接用.class
3.id选择器
div#hah{
color：red；}
<div id="hah">sad</div>
以上是关于css和html的四种结合方式的主要内容，如果未能解决你的问题，请参考以下文章