CSS是一種Web技術(shù),它可以無需更改HTML文件,直接控制頁面的樣式。如果你想更好地掌握CSS,那么就需要知道CSS中有哪些常用的代碼。下面就為大家介紹一下。
/* 選擇器 */ p{} /*選擇所有p元素*/ #name{} /*選擇id為"nam"的元素*/ .class{} /*選擇class為"class"的元素*/ div p{} /*選擇div下的所有p元素*/ /* 屬性 */ color:#000; /*設(shè)置字體顏色為黑色*/ font-size: 16px; /*設(shè)置字體大小為16px*/ background-color:#fff; /*設(shè)置背景顏色為白色*/ /* 盒模型 */ padding:10px; /*設(shè)置內(nèi)邊距為10px*/ margin:10px; /*設(shè)置外邊距為10px*/ border:1px solid #ccc; /*設(shè)置邊框為1px寬,顏色為灰色收邊*/ /* 布局 */ float:left; /*設(shè)置元素浮動在左側(cè)*/ display:inline-block; /*將元素設(shè)置為行內(nèi)塊樣式*/ position:absolute; /*將元素設(shè)置為絕對定位*/ /* 媒體查詢 */ @media screen and (max-width: 480px) { body { font-size:14px; } } /*在屏幕寬度小于等于480px時,將body字體大小設(shè)置為14px*/
以上代碼只是CSS中的一部分,如果想要更好地掌握CSS,還需要不斷的學(xué)習(xí)與練習(xí)。