17-01-2017 Saat: 21:47
Her bir bölge için tanımladığınız CSS kodlarını tek bir blok olarak bir arada tutun ve bu bölümleri anlaşılır yorum başlıkları ile diğer bölgelerin kodlarından ayırın. Böylece bir bölümde yapacağınız bir değişiklik için nerede düzenleme yapmanız gerektiğini rahatlıkla bulabilirsiniz.
Kod:
/* = Header
---------------------------------------------- */
#header { margin-bottom: 20px; padding: 10px; line-height: 24px; }
#site-title, #site-description { font-family: Helvetica, Geneva, Arial, sans-serif; font-size: 24px; }
/* = Navigation
---------------------------------------------- */
#navigation { margin-bottom: 10px; }
#navigation ul { list-style-type: circle; }
#navigation li { float: left; margin-right: 10px; }
#navigation li a { color: #d00; }
/* = Footer
---------------------------------------------- */
#footer { background: #eee; }
#footer a { font-size: 11px; color: #333; text-decoration: underline; }