在HTML中,引入CSS的方法主要有行内式、内嵌式、导入式和链接式4种。
一、行内式
即在标记的style属性中设定css样式,这种方式本质上没体现出css的优势,因此不推荐使用。
<div id="test" style="width:20px; height:20px;"></div>
二、内嵌式
在对页面中各种元素的设置集中写在<head>和</head>之间的,对于单个页面来说,这种方式很方便。如:
<style type="text/css"> #test{
width:20px;
height:20px;
} </style>
三、导入式
导入式格式如下:
<style type="text/css"> @import "mystyle.css"; </style>
四、连接式
格式如下:
<link rel="stylesheet" type="text/css" href="mystyle.css" />