CSS是前端開發(fā)中的重要組成部分,通過CSS可以實現(xiàn)頁面的布局和樣式的調(diào)整。在CSS中,有一些常見的代碼用法,下面我們來一一介紹。
/*選擇器*/ div {} /*元素選擇器*/ #id {} /*ID選擇器*/ .class {} /*類選擇器*/ /*盒模型*/ div { width: 100px; /*寬度*/ height: 100px; /*高度*/ padding: 10px; /*內(nèi)邊距*/ margin: 10px; /*外邊距*/ } /*文本樣式*/ span { font-size: 14px; /*字體大小*/ color: #333; /*字體顏色*/ font-weight: bold; /*字體粗細*/ text-align: center; /*文本居中*/ } /*背景和邊框*/ div { background-color: #f9f9f9; /*背景顏色*/ border: 1px solid #ccc; /*邊框*/ border-radius: 5px; /*圓角*/ } /*浮動和定位*/ .left { float: left; /*左浮動*/ } .right { float: right; /*右浮動*/ } .absolute { position: absolute; /*絕對定位*/ top: 10px; /*頂部距離*/ right: 10px; /*右側(cè)距離*/ } /*動畫*/ @keyframes slidein { from { margin-left: 100%; width: 300%; } to { margin-left: 0%; width: 100%; } } div { animation: slidein 3s ease-in-out; /*動畫效果*/ }
以上就是CSS中常見的一些代碼用法,希望能對您有所幫助。