8.13暑假训练

今天复习，综合运用了之前的知识点

举例：
结构与思路：
先把上方的图片处理好：
css代码：
。header{
height:80 px;
backgrond-color:white；
}
.header span{
width:480px;
height:80px;
display:block;//脱标，使其不占位置
text-align:centere;//居中
line-height:20px;//行高：适当下移
}

html代码：

下方的关键字（超链接）:
以右边为例（左边同理）
.r_nav{//右边这个大盒子
float:right;//向右浮动（排列）
line_height:30px;
}
.r_nav_li{//设置装文字的盒子的样式
float:left;
}
.r_nav line{//设置具体文字的样式
width:10px;
height:1px;
margain:0;
margain top:10px;//距离顶部容器10px
}

css代码：

• 
  
• 
  
  超链接字体：比如登陆
  
  //其他字体同理