<!DOCTYPE html> <html> <head> <title>CSS标签直接引用</title> <style> p { font-size: 16px; color: #333; } </style> </head> <body> <p>这是一段使用 CSS 标签直接引用样式的文字。</p> </body> </html>
在上面的例子中,大家通过<style>标签在HTML文档中定义了一个p标签的样式,设置了它的字体大小和颜色。通过这种方式,大家可以轻松地改变文本的样式,而不需要在每个<p>标签中都加上一遍CSS样式。
除了在HTML中直接使用<style>标签外,大家还可以将样式放在外部的CSS文件中,然后通过HTML的<link>标签来引用:
<!DOCTYPE html> <html> <head> <title>CSS标签直接引用</title> <link rel="stylesheet" href="style.css"> </head> <body> <p>这是一段使用 CSS 标签直接引用样式的文字。</p> </body> </html>
在上面的例子中,大家使用了<link>标签来引用外部CSS文件。CSS文件中可以包含多个样式,而大家只需要在HTML中引用这个CSS文件,就可以把这些样式应用到页面的各个元素中。
总之,CSS标签直接引用是一种简单而有效的方式来管理网页的样式。通过将样式集中在一起,大家可以避免重复的代码,同时也使得样式更加易于修改和维护。