唯品會是一個中國的電子商務平臺,提供各種各樣的商品。為了讓網站更加美觀和易于訪問,唯品會使用了CSS
/* 唯品會的基本樣式 */ body{ font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; background-color: #f5f5f5; color: #333; } /* 標題樣式 */ h1{ font-size: 2em; font-weight: bold; margin-bottom: 20px; } /* 按鈕樣式 */ button{ background-color: #f00; color: #fff; border-radius: 5px; padding: 10px 20px; cursor: pointer; } /* 表格樣式 */ table{ border-collapse: collapse; width: 100%; } table td, table th{ border: 1px solid #ddd; padding: 8px; } table th{ background-color: #f5f5f5; font-weight: bold; }
在這些樣式中,我們可以看到唯品會使用了一種簡單易懂的命名法規來定義它們的樣式(例如 h1,table 這些)