水平导航栏和border,background的一些属性

                   元素隐藏属性：

                         dislay:none;物理空间会消失。

                          visibilitiy:none;物理空间不会消失。

                   建造水平导航栏：

                        第一种方法 代码如下：

                             li{float:left;}

                               a{

                                display:block;

                                float:left;

padding:0 20px;(一般对元素应用样式而不对li应用样式）

                                height:40px;

                                 line-height:40px;

                                }

                              最后对父元素清除浮动，一定要记得清除浮动。

                         第二种方法

                                 li{

                                    display；inline；}其他代码基本相同。

            关于border,background的一些属性

                    background-size:css3的属性，规定背景图片大小。

                                                  

 length:设置背景图像的高度和宽度。第一个值设置宽度，第二个值设置高度。如果只设置一个 值，则第二个值会被设置为 "auto"。

percentage :以父元素的百分比来设置背景图像的宽度和高度。第一个值设置宽度，第二个值设 置高度。如果只设置一个值，则第二个值会被设置为 "auto"。

cover: 把背景图像扩展至足够大，以使背景图像完全覆盖背景区域。背景图像的某些部分也许 无法显示在背景定位区域中。

contain: 把图像图像扩展至最大尺寸，以使其宽度和高度完全适应内容区域。

                border:css3属性

                       border-radius:创建圆角  

                                  border-radius:5px        5px          3px         3px;

                                                        (左上）（右上）（右下）（左下）

                         box-shadow:创建阴影

h-shadow： 必需。水平阴影的位置。允许负值。

v-shadow： 必需。垂直阴影的位置。允许负值。

blur ：             可选。模糊距离。   

color： 可选。阴影的颜色。请参阅 CSS 颜色值。

inset： 可选。将外部阴影 (outset) 改为内部阴影。

                         border-image:包围div元素边框

                           border-image-source 用在边框的图片的路径。

border-image-slice 图片边框向内偏移。

border-image-width 图片边框的宽度。

border-image-outset 边框图像区域超出边框的量。

border-image-repeat 图像边框是否应平铺(repeated)、铺满(rounded)或拉伸(stretched)。