第八章 使用CSS设置网站的样式

8.1 创建页面级样式

   

<style type="text/css">
  <h1>
  {
     font-size:x-large;
     font-weight:bold;
  }
</style>

现在创建一个设置标题字体的样式表

然后下面使用<h1>的时候就会自动调用这个样式表

但是把样式表放在另外一个.css文件里面就要在html文件里面加上

<link rel="stylesheet" type="text/css" href="选择器.css">

才能将选择器导入进来

样式二

.imprtnt
{
  ....
  .....
}

那么要

<div class="imprtnt">
.....
</div>

样式三

#small
{
...
}

那么应该这样调用

<span id="small">
...
</span>

8.5 使用颜色

  比如要将段落的文字改成白色，背景改成黑色

<p style="color:#ffffff;background-color:#000000;">......</p>

设置链接的颜色的样式表

a:{color:...}
a:visited{color:...}访问过的链接
a:hover{color:...}鼠标指向的链接
a:active{color:....}用户正在单击的链接