最近,網(wǎng)絡(luò)上瘋傳了一張名為“CSS真假對比海報(bào)”的圖片。這張海報(bào)上展示了一個(gè)頁面,左邊是使用真正的CSS進(jìn)行設(shè)計(jì)的頁面,右邊則是使用假的CSS進(jìn)行設(shè)計(jì)的頁面,兩者對比之下,可以看出使用假CSS的頁面設(shè)計(jì)明顯糟糕了許多。
.cool-button { background-color: #f44336; border: none; color: white; padding: 15px 32px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; cursor: pointer; border-radius: 8px; }
海報(bào)上介紹了CSS的一些基本知識(shí),例如盒模型、選擇器、顏色和字體等等。同時(shí),海報(bào)還指出了一些常見的網(wǎng)站設(shè)計(jì)中的錯(cuò)誤,例如使用絕對定位而不是相對定位、使用表格布局而不是CSS布局等。
雖然這張海報(bào)并不是正式的CSS教程,但它仍然向人們傳達(dá)了一些很好的關(guān)于CSS設(shè)計(jì)的信息,讓人們知道如何使用CSS來創(chuàng)建一個(gè)更好的網(wǎng)頁。
最重要的是,這張海報(bào)告訴我們,一個(gè)好的設(shè)計(jì)需要真正的技能和知識(shí)的積累,而不是依靠一些簡單的技巧或假的CSS。