学习CSS优秀范例

学习CSS中我们常常会遇到很多元素属性的选择，到现在为止我也不敢保证能随手写一个优秀的CSS，好在网络的存在，
如果让我一边写一边查的话，相信会不难实现。
下面是一个优秀的CSS范例。

• Link one
• Link two
• Link three
• Link four

在上面的例子中，我们把 ul 元素和 a 元素浮向左浮动。li 元素显示为行内元素（元素前后没有换行）。这样就可以使列表排列成一行。ul 元素的宽度是 100%，列表中的每个超链接的宽度是 7em（当前字体尺寸的 7 倍）。我们添加了颜色和边框，以使其更漂亮。

——————————-
重定义的CSS与网页内CSS冲突,这里我重新增加类属性

    ul.csse
    {
        float:left;
        width:100%;
        padding:0;                    // 设置内距
        margin:0;                      // 设置外拒
        list-style-type:none;     //列表项标记为无
    }
    a.csse
    {
        float:left;
        width:7em;
        text-decoration:none;                  //定义成标准字体
        color:white !impor-tant;               //impor-tant是为了维护现在的white属性代码内去掉'-'.
        background-color:purple;
        padding:0.2em 0.6em;
        border-right:1px solid white;    // 定义几个属性
    }
    a.csse:hover {background-color:#ff3300}
    li.csse {display:inline}