1. 程式人生 > >css與html

css與html

1.字型例項:
font-family:“宋體”
font-size:字型字號
font-weight:字型粗細 bold,normal,lighter
font-style:normal,italic(斜體)
line-height:行高60px;

2.文字例項:letter-spacing:字元間距
word-spacing;字間距

3.超連結:四個偽類狀態 a:link{} 初始狀態
a:visited{} 被訪問
a:hover{} 移動
a:active{] 點選

4.列表樣式優化:




	ul{list-style-type:none;列表前無內容    }
	li{l列表前插圖片:background-image:url("logol.png")
	   background-repeat:no-repeat;
                   }

5.盒子模型:
內容:
內邊距
盒子框
外邊距

.box1{ border:盒子框的厚度 實線 顏色
5px solid black
padding:內邊距 上 右 下 左}
margin :外邊距
float:
display:inline-block

6.佈局:float:解決獨佔一行的問題
clear:float 清除浮動

7.定位:
固定定位:
position:fixed;
top;
bottom;
left;
right;
相對定位:
position:relative;
絕對定位:
float:absolute;