学习CSS优秀范例

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

在上面的例子中,我们把 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}

此条目发表在CSS分类目录,贴了标签。将固定链接加入收藏夹。

发表评论

邮箱地址不会被公开。 必填项已用*标注