1. 程式人生 > >css 初級總結

css 初級總結

繼承 off over 字符 文本 cor 組成 margin html

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 初級總結