CSS学习(从菜鸟教程学习)(二)

11. CSS列表

      1）不同的列表项标记

            list-style-type 属性指定列表项标记的类型是：

           

      2)作为列表项标记的图像

          要指定列表项标记的图像，使用列表样式图像属性：

           ul { list-style-image: url('sqpurple.gif'); }

         上面的例子在所有浏览器中显示并不相同，IE和Opera显示图像标记比火狐,Chrome和Safari更高一点。

         如果想在所有的浏览器放置同样的形象标志，就应使用浏览器兼容性解决方案，过程如下：

         

      例子解释：

         ul: 设置列表样式类型为没有删除列表项标记；设置填充和边距0px（浏览器兼容性）

         ul中所有li: 设置图像的URL，并设置它只显示一次(无重复); 您需要的定位图像位置(左0px和上下5px)

                           用padding-left属性把文本至于列表中

     3）列表 -- 简写属性

           在单个属性中可以指定所有的列表属性。为列表使用简写属性，列表样式属性设置如下：

           

     按如下顺序设置属性：

       (1) list-style-type   (2) list-style-postion  (3) list-style-image

     如果上述值丢失一个，其余仍在指定的顺序，就没关系。

    4）所有的CSS列表属性

          

12. CSS 表格

     1）表格边框

           指定CSS表格边框，使用border属性。

             

            在上面的例子中的表格有双边框。这是因为表和 th / td 元素有独立的边界。

            为了显示一个表的单边框，使用 border-collapse 属性。