mymps.css是一種基于CSS的樣式表語言,它是為了實現MyMPS網站功能而產生的。這個文件被設計為一個全局的樣式表,可以用來控制整個網站的樣式。
/* mymps.css */ body { font-family: Arial, sans-serif; font-size: 16px; margin: 0; padding: 0; } .container { max-width: 1200px; margin: 0 auto; } .header { background-color: #005ea5; color: #fff; padding: 10px; } nav ul { list-style: none; margin: 0; padding: 0; display: flex; } nav li { margin-right: 20px; } nav a { color: #fff; text-decoration: none; font-size: 18px; } .box { border: 1px solid #ccc; padding: 10px; margin: 10px 0; } .btn { background-color: #005ea5; color: #fff; padding: 10px 20px; border: none; border-radius: 3px; font-size: 18px; } .btn:hover { background-color: #003d6b; }
該文件定義了如下幾個關鍵的類:
- .container:將網站內容居中并限制最大寬度為1200px。
- .header:定義了網站頭部樣式,包括背景顏色和字體顏色。
- nav ul, nav li, nav a:這些類定義了網站導航菜單的樣式。
- .box:定義了一般的內容框樣式,包括邊框和內邊距等。
- .btn:定義了一個通用的按鈕樣式,包括背景顏色、字體顏色和邊框等。
使用mymps.css,可以快速搭建一個MyMPS網站的基本樣式,同時可以通過修改代碼來自定義其樣式。
上一篇mvc表格css
下一篇neo css 規范