body { font-family: Arial, Helvetica, sans-serif; background-color: #f5f5f5; } h1 { font-size: 28px; font-weight: bold; color: #333; text-align: center; } p { font-size: 16px; line-height: 1.5; color: #666; } a { color: #007bff; text-decoration: none; } .container { max-width: 980px; margin: 0 auto; padding: 0 15px; } .header { background-color: #fff; border-bottom: 1px solid #ddd; padding: 15px 0; } .nav { display: flex; justify-content: space-between; align-items: center; } .nav ul { list-style: none; display: flex; } .nav ul li { margin-right: 20px; } .nav ul li:last-child { margin-right: 0; } .nav ul li a { font-size: 16px; font-weight: bold; } .footer { background-color: #333; color: #fff; padding: 15px 0; }
以上是一个简单的CSS样式示例,其中包含了一些常用的样式属性。如果您还不熟悉CSS的基本语法和属性,可以通过博客园的教程来进一步学习。
博客园的CSS教程非常系统全面,从CSS的基础语法、选择器、样式属性等方面全面覆盖。除了基础部分,博客园还涉及了布局、响应式设计等进阶话题,为读者提供了更加丰富的学习体验。
总而言之,博客园的CSS教程是一个很好的学习资源,无论您是初学者还是已经有一定经验的开发者,都可以从中受益。