<head> <link rel="stylesheet" type="text/css" href="style.css"> </head>
外部样式表文件通常以”.css”为后缀名,其中包含了所有样式表信息,直接在HTML页面中引用即可。
2. 内部样式表
<head> <style type="text/css"> h1 {color: #FF0000;} p {color: #00FF00;} </style> </head>
内部样式表直接在HTML页面中添加,写在<head>标签中</head>之前,使用<style>标签进行包裹。由于样式内容在HTML页面中编写,所以存在与HTML混杂在一起的缺点。
3. 内联样式表
<p>这是一段内联样式的文字</p>
内联样式表直接在HTML标签中添加,使用style属性来设置样式信息。由于样式信息直接添加在HTML标签中,所以每个元素的样式是独立的。
总之,以上三种方式可以分别针对不同情况采用,开发人员要根据情况灵活采用。