@1:内部样式表 & 外部样式表
内部样式表的定义,放在<style></style>中,<style>标签放在<head>中
<html> <head> <title>Demo</title> <style type="text/css" media="screen"> h1 { color:red; font-style:italic; } </style> </head> <body> <h1>heading</h1> </body> </html>
当多个HTML文档使用相同的样式表定义时,就应该使用外部样式表。通过在<head>标签中插入<link>标签,来将外部样式表文件链接到HTML文档中。
<html> <head> <title>Demo</title> <link rel="stylesheet" href="css/demo.css" type="text/css" media="screen" charset="utf-8"> <style type="text/css" media="screen"> h1 { color:red; font-style:italic; } </style> </head> <body> <h1>heading</h1> </body> </html>