CSS是网页样式的设计语言,其中包含了四种类型的定义:内联式、内部样式表、外部样式表和导入式。下面详细介绍这四种定义:
内联式样式定义:在HTML标签中直接定义CSS样式属性,使用style属性,例如:
<p style="color:red; font-size:16px">文本内容</p>这种定义方式非常不推荐,因为会影响页面的可读性和可维护性。
内部样式表定义:在HTML文件上方<head>标签内定义,样式信息被定义在<style>标签中。例如:
<head> <style> p { color:red; font-size:16px; } </style> </head>这种定义方式比内联式更好,但维护同样令人头疼,因为CSS样式被放在HTML文件内部,复用性不高。
外部样式表定义:将CSS样式定义在独立的CSS文件中,以.css为后缀。例如:
<link rel="stylesheet" type="text/css" href="style.css">这种定义方式有效降低了CSS与HTML的耦合性,可以使用同一个CSS文件来对多个HTML文档进行样式控制。
导入式样式定义:将CSS样式定义在外联的CSS文件中,以@import方式引入。例如:
<style> @import url("style.css") all; </style>这种定义方式类似于外部样式表,但可以将一个CSS文件分为多个部分,每个部分用@import引入,更易于维护。