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;