妙味课堂：css学习--- 制作一个网页html+css过程

1.   大背景：   repeat-x ， 横向平铺一个图片。

2.　标题头：

　　div  id="top"   设置居中： 需要先设置width  再设置 margin:0 auto; (这里的宽度一般只是指top的宽度。)为了避免浮动问题，height一般也最好设置出来。

  

　　ul class="top_menu" ， ul + li + a 。  前面的·一般不兼容，出现的大小不同，这里最好使用背景或img图片。

　　url(.../images/body_bg.png) repeat-x  right 14px;  --- 这里定义了li的宽和高，只显示一部分图片。 

　　

　　定义字体居中： line-height:30px;   会自动向中间靠齐。

 

　　定义时，一系列的li，如果某一个出现了不同，再另外设置一个 class 来设置其样式。

　　

　　url(../images/top_ico.png) no-repeat 0 -16px;  含义： 图片上去16个像素开始显示。　　

 

      后面加图片的超链接，也是使用ul + li + img 。 (img 一般也是套在li中。)

 

3.header 部分：

　　光晕部分也是另外切出来的，注意白色背景也需要切除。