css 常用屬性 布局

2021-07-02 00:26:28 字數 1369 閱讀 8060

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...