CSS代码通常被写在样式表文件中,然后通过HTML文档中的link标签或者style标签引用。在样式表中,大家可以使用选择器来选择需要修饰的元素,然后为这些元素添加样式规则,包括颜色、字体大小、间距、边框等等。
/* 一个简单的CSS样式表例子 */ /* 选择器 */ body { padding: 20px; font-family: Arial, sans-serif; background-color: #f2f2f2; } h1 { color: #336699; font-size: 24px; text-transform: uppercase; } p { color: #999; line-height: 1.5; margin-bottom: 15px; } /* 样式规则 */ a { color: #336699; text-decoration: none; } a:hover { text-decoration: underline; } .button { display: inline-block; padding: 10px 20px; background-color: #336699; color: #fff; border-radius: 5px; text-decoration: none; box-shadow: 0px 1px 3px rgba(0,0,0,0.3); } .button:hover { background-color: #004a80; }
除了上面这些常用的样式规则之外,CSS还有一些高级功能,比如选择器的层级、伪类和伪元素、CSS3的渐变效果、动画和响应式设计等等。使用这些功能可以让大家创建出更加复杂和炫酷的网页效果。
总之,CSS是网页设计中不可或缺的一部分,它让大家能够通过编写灵活、易于维护的代码来实现各种各样的布局和样式。如果你想要成为一名优秀的网页设计师,精通CSS是必不可少的。