# CSS2 微模組 ## 喜愛的顏色 ```css=! #f1edea, #e5e5e5 tomato, ``` ## 喜愛的字型 ```css=! Arial, Verdana, '微軟正黑體' ``` ## 背景&邊框-微模組 ```css=! { background-color: ; background-image: ; background-size: ;/* 用cover居多 */ background-repeat: ; background-position: ;/* 可以用來做sprite */ } ``` ## 排版相關-微模組 ```css=! { width: ; height: ; margin: ; padding: ;/* 可用box-sizing: border-box解決padding直接將數值加在物件的寬高的問題。 */ box-sizing: border-box;} ``` ## 文字相關-微模組 ```css= { line-height: ; /* 兼垂直置中 */ text-align: ; letter-spacing: ; font-size: ; text-indent: ; font-weight: ; color: ;} ``` ###### tags: `frontend` `cssmonster` [:arrow_right: Back to Front End Homepage :arrow_left:](/S-c0eqQmS16D8tcTx4ae1g)
×
Sign in
Email
Password
Forgot password
or
By clicking below, you agree to our
terms of service
.
Sign in via Facebook
Sign in via Twitter
Sign in via GitHub
Sign in via Dropbox
Sign in with Wallet
Wallet (
)
Connect another wallet
New to HackMD?
Sign up