除了外部样式以外,还可以在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>