css的3种用法

    技术2026-04-03  2

    Css3中使用方式:

    方法1:行内样式表(style属性)

    HTML应用CSS的一种方法是使用HTML属性style。我们在上例的基础之上,通过行内样式表将页面背景设为红色:

    <html>

      <head>

           <title>例子</title>

      </head>

      <body style="background-color: #FF0000;">

          <p>这个页面是红色的</p>

      </body>

    </html>

     

     

     

     

    方法2:内部样式表(style元素)

    HTML应用CSS的另一种方法是采用HTML元素style。比如像这样:

    html>

      <head>

    <title>例子</title>

        <style type="text/css">

            body {background-color: #FF0000;}

        </style>

      </head>

      <body>

           <p>这个页面是红色的</p>

      </body>

    </html>

     

    方法3:外部样式表(引用一个样式表文件),推荐此方法

    外部样式表就是一个扩展名为css的文本文件。跟其他文件一样,你可以把样式表文件放在Web服务器上或者本地硬盘 上。例如,样式表文件名为style.css,它通常被存放于名为style的目录中。style.css文件内容如下:

     body {

        background-color: #FF0000;

     }

    如何在一个HTML文档里引用一个外部样式表文件(style.css

    <html>

      <head>

        <title>我的文档</title>

        <link rel="stylesheet" type="text/css" href=style/style.css" />

      </head>

      <body>

             <h1>我的第一个样式表</h1>

      </body>

    </html>

     这一方法可以令你省去许多工作。例如,假设你要修改某网站的所有网页(比方说有100个网页)的背景颜色,采用外部样式表可以避免你手工一一修改这100HTML文档的工作。

    最新回复(0)