在web開發中,使用通用css代碼是非常方便的。這些代碼可以用于所有的網站,不管是哪種風格或設計。通用css代碼的目的是為了減少重復代碼并提高代碼的可重用性。下面列舉了一些通用的css代碼:
body { font-size: 14px; line-height: 1.6; color: #333; font-family: Arial, sans-serif; } .container { width: 960px; margin: 0 auto; } .clearfix::after { content: ""; display: table; clear: both; } .text-center { text-align: center; } .btn { display: inline-block; padding: .5rem 1rem; margin: .5rem 0; font-size: 1rem; font-weight: 400; line-height: 1.25; color: #212529; background-color: #fff; border: 1px solid #212529; border-radius: .25rem; cursor: pointer; } .btn:hover { color: #fff; background-color: #212529; border-color: #212529; }
以上代碼包括了一些基本的樣式規則,在許多網站上都會用到。比如,設置文本的字體大小、顏色和字體樣式等;設置容器的寬度、居中等;清除浮動;文字居中對齊;設置按鈕的樣式等等。
通過使用通用css代碼,開發人員可以更加高效地編寫網站。在開發新的網站時,可以很容易地重復使用這些代碼,并根據需要進行微調和修改。這樣,可以避免在每個新的項目中重新編寫相同的樣式規則,從而節省開發時間和精力。
上一篇css中th的意思