70 css +Div 布局

LOGO width:170px

           height:80px;

1 先把整体结构写出来 DIV 嵌套

ctrl+； 调分界线    +m   量宽度

2 居中 margin:0px auto;

3 先把浏览器原来的样式去掉  <link rel="reset.css" href="">

4. banner 的地方 设置背景图 ： background-size=100%   原因是通常UI设计师给的背景图会比浏览器宽度大

5.<a href="#">

       <img src=".../.." alt=""/>

  </a>

6.banner-nav ul{float:right;  } 

  .banner-nav ul li{float:left;  }

行内标签不能设置margin 值

7.  实现上面导航条之间的间隔

8.定义小圆的过程  

 1. 写出圆 

 2. 定位  先 float :left;

            后对 ul用绝对定位

            绝对定位后调背景居中的问题

            最后给每一个Li 设置margin-left:15px

9. 颜色 吸一下

10  让背景图片居中   又保持原来的大小 

-----------------------------------------------------------------------------

公司简介区域

11.三个wrap的宽度都是一样的 所以CSS写到一起

12 一般的嵌套

 

13 设置网站公告的时候  宽度直接100% 高低量 然后有一个border 颜色  吸一下

13.网站公告还有一个阴影扩散

14.网站公告上面的一段距离

15 公告里面三个东西 结构写好 两个左浮 一个右浮

16 网站公告  p标签 设置文字居中   line-height

17. 

18 阴影的制作  (切阴影的 直接四个键切出来）

19 行内元素可以加左右margin值

20 text-indent 从左边开始量

21.字体 电话背景

-------------------------------------------------------------------------------------

公司简介

22.确定三个的宽度 并加背景 和先给一个高度  加上向左边浮动

中间加上东西 

写好嵌套

title 对应的    居中  边框（吸颜色） 圆角 渐变 

不能这样    要加float:right;

实体字符  http://tool.xker.com/htmlchar.php 

字体设置

量行距