.container { width: 960px; margin: 0 auto; padding: 20px; background-color: #EEE; }
为了保证代码的可维护性,大家通常会将CSS代码单独保存到一个文件中,然后在HTML中通过<link>标签引入。
<link rel="stylesheet" href="styles.css">
可以看到,<link>标签的rel属性为“stylesheet”,表明这是一个CSS样式表。href属性为文件的路径,指定了CSS文件应该放在哪个位置。
当然,大家也可以将CSS代码放到HTML文件中的<style>标签中:
<style> .container { width: 960px; margin: 0 auto; padding: 20px; background-color: #EEE; } </style>
但是,这种方式不够优雅,代码难以维护。因此,在实际开发中,大家仍然建议将CSS代码保存到单独的文件中。