样式表的基础

首页 > CSS基础知识 > 样式表的基础

样式表的基础

最简单的样式表可以像下面这样记述。<span> 是内联元素(前后不会自动换行),<div> 是块元素(前后会自动换行)。

<span style="color:red;">猴子web入门——猴子也能看懂的网页制作入门</span>
<div style="color:red;">猴子web入门——猴子也能看懂的网页制作入门</div>

当然,不仅是 <span> 和 <div> ,<h1><p> 等大多数的标签都能指定 style 属性。

<p style="color:red;">猴子web入门——猴子也能看懂的网页制作入门</p>

要一个个指定页面上的所有 <h1> 标签的样式很麻烦对吧,我们可以一次性全部指定。下面的例子里,页面上所有的 <h1> 标签都指定了样式 style="color:red;" 。

<html>
<head>
<title>Style Sheet Sample</title>
<style TYPE="text/css">
<!--
H1 { color: red; }
-->
</style>
</head>
<body>
<h1>猴子web入门——猴子也能看懂的网页制作入门</h1>
<h1>CSS基础知识</h1>
</body>
</html>

考虑到不支持CSS的浏览器,应该用 <!-- ~ --> 把CSS代码注释起来。