css與html
阿新 • • 發佈:2018-11-27
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;