<head> <style type="text/css"> body { background-color: #f0f0f0; } p { font-size: 14px; font-weight: bold; color: #333; } </style> </head>
以上代码是一个简单的CSS样式表,其中可以定义页面的背景颜色和p标签的字体大小、加粗和颜色。
通过将这段CSS样式表嵌入HTML页面中的head标签中,可以让整个页面的样式统一,提高页面的美观度和用户体验。
但需要注意的是,嵌入式的CSS样式表只适用于当前HTML页面。如果需要让多个页面使用相同的样式表,需要每个页面都嵌入一次,这样会导致代码冗余。这时候可以使用外部引用式的CSS样式表,将样式集中在一个文件中,多个页面都可以通过链接该文件来使用相同的样式。