CSS的特色在于,它与HTML分离,通过在HTML标记中指定样式表的链接,就可以对整个网站进行统一的样式设置,而不必一个个单独修改每个页面。
其中,CSS语法比较严谨,需要注意花括号的使用、属性值之间的冒号与分号等规则。同时,CSS也支持继承和覆盖的机制,可以更加方便地实现样式的继承、重用和定制。
body { font-family: "Segoe UI", sans-serif; color: #333; background-color: #fff; } h1, h2, h3 { font-weight: normal; margin: 20px 0; } #header { background-image: url("header.jpg"); background-size: cover; height: 200px; text-align: center; padding: 40px; color: #fff; } #footer { height: 100px; background-color: #eee; text-align: center; padding-top: 20px; box-shadow: 0 -2px 5px rgba(0,0,0,.1); }
上面的代码展示了一个简单的网页CSS样式设置,包括 body、header、footer 等元素的样式设置,以及一些常见的 CSS 属性,如 font-family、color、background-image、box-shadow 等。
可以看出,通过 CSS 的精细设置,可以让网页的排版、色彩、字体等方面更加得体、美观,提高用户体验和页面效果。