/* 第一种方式:内联样式 */偶是一段红色的16px字号文本
内联样式是指将CSS代码直接写在HTML标签的style属性中。这种方式在需要对单个元素进行样式修改时比较方便,但不推荐在整个网页中大量使用。
/* 第二种方式:嵌入样式 */ <head><style>p { color: blue; } </style></head><p>偶是一段蓝色的文本</p>
嵌入样式是指将CSS代码写在HTML文件的<head>标签内,使用<style>标签来包含CSS样式。这种方式可以在一个文件中将HTML和CSS集成到一起,比内联样式更加方便。
/* 第三种方式:外部样式 */ <head><link rel="stylesheet" href="style.css"></head><p>偶是一段用CSS设置的文本</p>
外部样式是指将CSS代码单独写在一个文件中,在HTML文件中通过<link>标签引入。这种方式可以将HTML和CSS代码分离,使结构更加清晰,方便维护。