css 初級總結

標籤：back   abs   顯示效果   樣式   預設   ext   控制   底線   進位   

css是一種電腦語言.用來在HTML中控制顯示的效果.

css有五種使用的方式：

1 預設 比如一些標籤（元素）內建的 css效果 <h1></h1> <div></div>

2行內樣式 直接在標籤裡面來設定css.

3內嵌樣式 在<style></style>來設定 .

[email protected] url(".css檔案") 匯入樣式

5連結樣式 <link type="text/css" rel="stylesheet" href=".css檔案" /">

優先順序 行內>內嵌>匯入or連結>預設

獲得元素的座標offsetLeft/offsetTop/offsetWidth/offsetHeight/offsetParent

 

div的預設為盒子模型 層級:margin border padding 內容   

相對定位relative /絕對位置absolute/固定定位fixed

z-index 值為整數.預設為0.可正可負.
值越大越在前面。覆蓋後面的效果.

 

 

基本的樣式有

font  /         text /         background     / border         /        

text-align(left,right,center);對齊

text-decoration(枚舉值：none沒有,underline底線,overlint 上劃線,line-through 穿劃線..)文本修飾

text-indent(長度單位 px,%百分比,em一個字元,in,cm,mm.. )縮排的長度值

color:(+顏色單詞); red, orange, yellow, green, blue, indigo, purple
color:rgb(255,0,0)[0.255]合成的顏色.十進位紅/綠/藍的分量組成
color:rgba(0,0,0,0)[0.255]四種顏色三種顏色加一個透明色

 

CSS的特點.父標籤屬性會被子標籤繼承.如果子標籤中設定了屬性會覆蓋父屬性
一個標籤最終的顯示結果是多種顯示效果的疊加.

css 初級總結