除了外部样式以外，还可以在HTML文件中添加CSS规则，这时就需要将它们置于<style>元素中，且<style>元素通常位于页面的<head>元素中。

<style>元素应该使用type特性来表明这些样式是在CSS中指定的。该特性值为text/css

当建立一个包含有多个页面的网站时，你应该使用外部样式表。这样做有以下好处:

  •  允许所有页面使用同样的样式规则（而不必在每个页面中重度它们）。
  •  将页面的内容和表现分离。
  •   意味着你可以通过修改一个文件（而不必修改每个页面）来改变所有页面的样式。

       

     示例:

     

html>
    <head>
        <title>使用内部CSS</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <style type="text/css">
            body{
                font-family: arial;
                background-color: rgb(185,179,175);
            }
            h1{
                color:rgb(255,255,255);
            }
        </style>
    </head>
    <body>
        <h1>Potatoes</h1>
        <p>There are dozens of dofferent potato varieties.They are usually 
            described as early,second early and maincrop.
        </p>
    </body>
</html>