首页 养生问答 疾病百科 养生资讯 女性养生 男性养生
您的当前位置:首页正文

li的简单应用_基础教程

2020-11-27 来源:华佗健康网

作者:eoe
虽然自己天天写CSS~~
可是来了原创文章这里~~不知道要写什么~~

今天就先写个LI 的简单应用~~以后慢慢加好了

这是一个普通的LI
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">


li的简单应用




  • 测试列表的

  • 测试列表的

  • 测试列表的

  • 测试列表的





  • 提示:你可以先修改部分代码再运行

    加了点CSS样式定义可以这样


    引用:
    *{margin:0;padding:0;} 习惯性把所有的元素的内补丁外补丁定义为0
    0可以没有单位~~理论上是要单位的~不过0px 0pt 0em 都是0 所以~懒了~~

    #test ul li 是 包含选择符
    定义ID为test 里面的ul里的li
    margin:~在基本所有的浏览器解析都是一样~
    这里之所有要写两个是因为~
    在li里面有我用到border,IE5.x对border的解析与其他浏览器不一样
    margin/**/: 这样的话~IE5.x是不认识的~~
    当然还有其他的写法如:
    voice-family : "\"}\"";voice-family :inherit;等~
    可参考http://bbs.51js.com/viewthread.php?tid=50475&fpage=1

    "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">


    li的简单应用





  • 测试列表的

  • 测试列表的

  • 测试列表的

  • 测试列表的





  • 提示:你可以先修改部分代码再运行

    再加上类如日期之类的内容


    引用:
    span定义为float:right 他会跟在后面


    "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">


    li的简单应用





  • 12-11测试列表的

  • 12-11测试列表的

  • 12-11测试列表的

  • 12-11测试列表的





  • 提示:你可以先修改部分代码再运行

    再加更多的内容
    "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">


    li的简单应用





  • 12-11测试列表的


    测试列表的测试列表的测试列表的测试列表的测试列表的



  • 12-11测试列表的


    测试列表的测试列表的测试列表的



  • 12-11测试列表的


    测试列表的测试列表的测试列表的



  • 12-11测试列表的


    测试列表的测试列表的测试列表的






  • 显示全文