本文介绍了CSS的三种使用方法：行内样式、内联样式+选择器、外联样式+选择器。强调了选择器在批量修改样式时的重要性，并举例说明了如何使用元素选择器、类选择器和ID选择器。同时，解释了外联样式通过引入CSS文件来统一管理样式的方法。最后探讨了CSS样式冲突时的优先级问题。
CSS使用方法1：行内样式，只对当前标签生效。
比如像这样
<h1 style="height:20px;color:red">
CSS使用方法2—内联样式+选择器
行内样式虽然直观易懂，但是有个问题：不便于维护和修改，而且占内存。但是 如果批量修改，文本中的< p >标签，想让文字变为红色。
所以 我们使用CSS选择器。
<html>
<head>
<title>Evan Sun</title>
<style type="text/css"> p {color: red;} </style>
</head>
<body>
<h1>标题</h1>
<p>段落1</p>
<p>段落2</p>
</body>
</html>
当然也不止有这样一种选择器。
有四种：#id选择器 .class选择器 以及这里面的元素选择器。
下面是几种选择器：
CSS使用方法3—外联样式+选择器：
外联样式 就是通过在HTML引入一个CSS文件，来改变当前文档的样式。你只需要在< html >文档< head>标签中 只需要加入下面这样一行代码即可。
<link rel="stylesheet" type="text/css" href="demo.css">
其中href的属性值 就是当前css样式文件的文件路径
把这个link放在head tag里面。
最后一个问题：
CSS样式听谁的？
扫一扫
1545
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
