淘寶編程css代碼大全是一個十分實用的工具,許多開發(fā)人員在編寫前端代碼時都會經(jīng)常使用到。下面是一些常用的css代碼,供大家參考。
/*一些常用樣式*/ body{ font-family: Arial, Tahoma, sans-serif; font-size: 14px; color: #333; line-height: 1.5; } a{ color: #00c; text-decoration: none; } a:hover{ text-decoration: underline; } /*居中布局*/ .center{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } /*隱藏滾動條*/ .scroll{ overflow: hidden; } /*清除浮動*/ .clearfix:after{ content: ""; display: block; clear: both; } /*圓角*/ .round{ border-radius: 5px; } /*漸變色*/ .gradient{ background-image: linear-gradient(to bottom,#f6a4d4,#c5538c); } /*彈出層*/ .modal{ position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.5); z-index: 999; } .modal .popup{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background-color: #fff; padding: 20px; border-radius: 5px; } /*響應(yīng)式布局*/ @media screen and (max-width: 768px){ .container{ width: 100%; margin: 0 auto; padding: 0 15px; } }
以上就是淘寶編程css代碼大全的一些常用樣式,當然還有很多其他的樣式也非常實用,需要根據(jù)實際情況來選擇使用。編寫css代碼是一個非常靈活的過程,需要不斷地嘗試,才能有更好的效果。