color
//顏色名表示。如white、gold等。還可以rgb、rgba。a表示透明程度,[0,1]=[完全透明,不透明]。我喜歡rgb(255,0,128)。
text-decoration //文字修飾,underline為下劃線,line-through為刪除線
text-align //對齊方式,居中就是center。
font-family
//字型系列。我喜歡 verdana。
font-size
//大小。
font-style
//italic 表示斜體
font-weight //粗細。可以設定為bold。
background-attachment,背景是否固定。scroll-滾動,fixed-固定。
background-color,背景色。
background-image,背景。background-image:url(abc.gif);
background-position,背景位置。xx px、xx%都可以。center、bottom也可以。
background-repeat,是否平鋪。repeat、no-repeat、repeat-x、repeat-y。
border-style
// solid是固體的意思,表示實線;oueset,像乙個凸起的框
border-width
//邊框寬度。
邊框預設是上下左右,所以可以使用border-top/bottom/left/right-style單獨設定
margin: 1em;
外邊距預設是上下左右,所以可以使用margin-top/bottom/left/right 單獨設定
position 屬性值的含義:
static //元素框占有自己的空間。
relative
//元素框偏移某個距離。不占有自己的空間。
absolute //不占有自己的空間。
fixed//元素框的表現類似於將 position 設定為 absolute,不過其包含塊是視窗本身。
z-index //設定乙個定位元素在z軸的位置,z軸為垂直於顯示器的座標軸。值越小表示離使用者更遠,可以為負數。
opacity:不透明度。0表示完全透明,1表示完全不透明。
@media 規則使你有能力在相同的樣式表中,使用不同的樣式規則來針對不同的媒介。也就是所說的響應式布局。居中
margin-left:auto;margin-right:auto。
兩元素分別左右對齊
同一div塊中的兩個元素,乙個左對齊,乙個右對齊,可以這樣實現:float:left;float:right。
CSS布局flex布局常用屬性
display flex使用flex布局首先要設定父容器 水平方向 justify content flex start 起始端對齊 justify content flex end 末尾段對齊 justify content center 居中對齊 justify content space ar...
HTML CSS布局 常用css控制屬性 小結
好久沒有更新了,學習也一直停頓著。今天看到同學的一句部落格 你的高度決定你的視線,長得不高不是你的錯,但是站的不高就是你的錯了。rdquowww.cppcns.com 廢話少說,開始學習 這幾天一直在研究html css布局。並沒有把所有的布局都弄明白,只學了一點常用的css控制屬性 先上圖看看吧。...
CSS布局屬性
一 css布局屬性 width 設定物件的寬度 width 45px height 設定物件的高度 height 45px background 設定物件的背景顏色 背景影象。1.背景顏色 background 09f 2.背景影象 repeat x代表橫向重複,還可以設定repeat y。floa...