1. 内部样式表body { background-color: #F3F3F3; }
内部样式表是将CSS样式放置在HTML文档头部内的标签中。这种方法适用于具有单一页面样式的小型网站。内部样式表只对当前HTML文档起作用,不会影响整个网站。
2. 外部样式表
外部样式表是将CSS样式编写到单独的CSS文件中,通过标签进行链接。这种方法适用于具有多个网页样式的中大型网站。外部样式表可轻松地全局控制整个网站的外观和布局,使网页更易于维护。
3. 行内样式表This text is red and 20px in size.
行内样式表是将CSS样式直接写在HTML元素的style属性中。这种方法对于具有单一页面样式的小型网站来说可能会很方便,但对维护大型网站来说不是理想的方式。行内样式表通常用于在特定网页上临时更改个别元素的样式。
在选择CSS样式引用形式时,应考虑网站的规模、结构和需要,以便在保持代码清晰度和一致性的同时,提高效率和可维护性。