在編寫網(wǎng)頁的時(shí)候,css樣式是非常重要的一部分,因?yàn)樗梢悦阑W(wǎng)頁,提高用戶體驗(yàn)。那么,怎樣的css樣式能夠得到更多分?jǐn)?shù)呢?以下是幾點(diǎn)建議:
body{ background-color:#f2f2f2; color:#333; font-family: Arial, sans-serif; }
1、注意網(wǎng)頁排版
當(dāng)用戶打開網(wǎng)頁時(shí),第一時(shí)間看到的肯定是網(wǎng)頁的排版,如果這個(gè)地方做得不好,用戶第一時(shí)間的感受就會很不好。因此,網(wǎng)頁排版是css樣式中最重要的一部分。要想得到更多分?jǐn)?shù),需要做好以下幾點(diǎn):
/* 頁面居中 */ .container{ width: 80%; margin: 0 auto; padding: 20px; } /* 頭部、左側(cè)導(dǎo)航、主體分別占據(jù) 20%、15%、65% 的寬度 */ .header{ width: 100%; height: 100px; background-color: #fff; } .nav{ width: 15%; float: left; } .main{ width: 65%; float: left; }
2、顏色搭配要協(xié)調(diào)
網(wǎng)頁的色調(diào)需要讓用戶感到舒適,并且色彩搭配要協(xié)調(diào),這樣會讓網(wǎng)頁更有美感。怎樣的顏色搭配能夠得到更多分?jǐn)?shù)呢?以下是幾點(diǎn)建議:
/* 主色調(diào)為 #3498db,文本黑色 */ body{ background-color:#fff; color:#333; } /* 鏈接為橙色 */ a{ color:#ff6600; }
3、字體大小和字體粗細(xì)需要合理
字體大小和字體粗細(xì)一定要和整個(gè)網(wǎng)頁的風(fēng)格相協(xié)調(diào),不能過大或者過小。同時(shí),如果需要強(qiáng)調(diào)某個(gè)字詞,也可以通過加粗的方式來實(shí)現(xiàn)。怎樣的字體大小和字體粗細(xì)能夠得到更多分?jǐn)?shù)呢?以下是幾點(diǎn)建議:
/* 標(biāo)題字體為 40px,加粗 */ h1{ font-size:40px; font-weight:bold; } /* 正文字體為 16px,正常 */ p{ font-size:16px; font-weight:normal; }
總之,在編寫css樣式時(shí),要注重用戶體驗(yàn),合理搭配樣式,盡可能地讓網(wǎng)頁美觀、舒適。