本文介绍了如何在HTML页面中应用CSS样式，包括内联样式、内部样式表、外部样式表的不同使用方法，并探讨了标签选择器、class选择器及id选择器的特点。
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>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
