内部样式表是在HTML文档头部使用style标签来定义样式表,如下:
<head> <style type="text/css"> 标签名 { 属性: 值; 属性: 值; } </style> </head>
可以看到,内部样式表将CSS样式表定义在HTML文档头部,这种方式虽然方便,但缺点是当大家需要对网站的样式表做出更改时,需要修改每个HTML文件的style标签,十分不便。
而外部样式表则是将CSS样式表单独存放在一个.css文件中,例如:
<head> <link rel="stylesheet" type="text/css" href="style.css"> </head>
可以看到,外部样式表是通过link标签引入CSS样式表,其优点是可以实现CSS样式表的统一修改,可以轻松地对所有HTML文件的样式表作出更改,同时也可以提高代码的可维护性。
总的来说,无论是内部样式表还是外部样式表,都具有适用的场景,大家需要结合实际情况选择合适的使用方式。