CSS实例教程:li和ul标识用法举例

2021-03-16 05:52 jianzhan
    LI编码的文件格式化:
    A).应用CSS文件格式化目录符: ul li{
    list-style-type:none;
    }
    B).假如你想将目录符换为图象,则: ul li{
    list-style-type:none;
    list-style-image: url(/blog/images/icon.gif);
    }
    C).以便左对齐,能够用以下编码: ul{
    list-style-type:none;
    margin:0px;
    }
    D).假如想给目录加情况色,能够用以下编码: ul{
    list-style-type: none;
    margin:0px;
    }
    ul li{
    background:#CCC;
    }
    E).假如想给目录加MOUSEOVER情况变色实际效果,能够用以下编码: ul{ list-style-type: none; margin:0px; }
    ul li a{ display:block; width: 100%; background:#ccc; }
    ul li a:hover{ background:#999; }表明:display:block;这1行务必要加的,这样才可以块状显示信息!
    F).LI中的元素水平排序,重要FLOAT:LEFT: ul{
    list-style-type:none;
    width:100%;
    }
    ul li{
    width:80px;
    float:left;
    }
<ul><li>的差别 <LI> 的主要参数设置(常见):
比如: <li type="square" value="4">
type="square"
只可用于非次序清单,设置标记样式,其值有3种,以下,内定为 type="disc":
标记 是当 type="disc" 时的列项标记。
标记 if" width=10 height=10 border=0> 是当 type="circle" 时的列项标记。
标记 是当 type="square" 时的列项标记。
value="4"
只可用于次序清单,设置该1项的数目,其後各项将以此做为起止数目而递增,但前面各项则不会受到危害,其值只能是 1,2,3.. 等整数金额,沒有内定值。
<UL>称为无序清单标识。
所谓无序清单便是在每项前面再加 、、等标记,故又称标记清单。
<UL> 的主要参数设置(常见):
比如: <UL type="square">
type="square"
设置标记样式,其值有3种,以下,内定为 type="disc":
标记 是当 type="disc" 时的列项标记。
标记 是当 type="circle" 时的列项标记。
标记 是当 type="square" 时的列项标记。

<ul>是新项目目录,<li>是目录项,新项目目录便是用标记来列的,因此你列出来默认设置的便是斑点啦,也有1个是<ol>这个是序号目录,用数据来列的,也是用<li>做目录项
<li>是 list item 即目录项,但目录有很两种,因此外面得有 <ul> 或 <ol> 用来差别无编码序列表(小点点)和井然有序目录(1,2,3...)。