HTML里使用CSS 的几种方式

  1. 直接添加在HTML的标识符(tag)里
    < Tag style="properties"> 网页内容< /tag>
    例如:
    <p style="font-family:Geneva, Arial, Helvetica, sans-serif; font-size:9px; color:#ff9900">CSS</p>
    以上代码呈现的效果:

    CSS

    这种方法虽然简单易用,但是不推荐使用这种方法,这种方法无法展现出样式表的优势:缩短修改时间提高工作量。
  2. 添加在HTML的头信息标识符<head>里:
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>CSS</title>
    <style type="text/css">
    body {background:#FFFF33;
    background-image:inherit;
    font-family:Geneva,Arial, Helvetica, sans-serif;
    font-size:12px;
    /*注释部分*/
    }
    </style>
    </head>
      type=”text/css”表示样式表采用MIME类型,帮助不支持CSS的浏览器过滤掉CSS代码,避免在浏览器面前直接以源代码的方式显示我们设置的样式表。/**/为注释CSS的标识符。
  3. 链接样式表 同样是添加在HTML的头信息标识符<head>里:
    < head>
    < link rel=”stylesheet” href=”main.css” type=”text/css” >
    < /head>
      mian.css(自己命名)是单独保存的样式表文件,其中不能包含< style>标识符,并且只能以css为后缀。如果用做一个Web站点的话建议使用连接样式表的方式,如果需要修改Web站点页面的话只需要修改几个CSS文件就可以使整个Web页面更新、缩短了修改时间和提高了工作量。