My Website p { font-size: 16px; color: #333; } h1 { font-size: 24px; color: #f00; }Welcome to My Website
This is some sample text for the body of the page.
在以上的HTML代码中,大家可以看到所有的CSS样式都被包含在了一个<style>标签内。这是因为CSS样式必须写在<style>标签内,才能被浏览器解析和应用。在实际开发中,大家可以将CSS样式写在HTML文档内的不同位置,包括:
- 在<head>标签内的<style>标签中
- 在外部的CSS文件中
- 在HTML标签的style属性中
其中,将CSS样式写在外部的CSS文件中是最为常见和推荐的方法。这种方式可以将样式和HTML文档分离,提高了代码的可维护性和复用性。同时,也可以通过在HTML文档中添加<link>标签引入外部的CSS文件。
My Website Welcome to My Website
This is some sample text for the body of the page.
当然,如果只是需要针对某个HTML标签进行简单的样式设置,大家也可以在HTML标签内使用style属性。但这种做法在面对多个HTML标签需要设置相同样式时,会显得不够灵活和高效。
综上所述,CSS样式必须写在HTML文档内的<style>标签中,或者在外部的CSS文件中。优先推荐将样式写在外部的CSS文件中,提高代码的可维护性和复用性。