三个属性
值 描述
list-style-type 设置列表项标记的类型。
list-style-position 设置在何处放置列表项标记。
list-style-image 使用图像来替换列表项的标记。
值 描述
none 无标记。
disc 默认。标记是实心圆。
circle 标记是空心圆。
square 标记是实心方块。
decimal 标记是数字。
decimal-leading-zero 0开头的数字标记。(01, 02, 03, 等。)
lower-roman 小写罗马数字(i, ii, iii, iv, v, 等。)
upper-roman 大写罗马数字(I, II, III, IV, V, 等。)
lower-alpha 小写英文字母The marker is lower-alpha (a, b, c, d, e, 等。)
upper-alpha 大写英文字母The marker is upper-alpha (A, B, C, D, E, 等。)
lower-greek 小写希腊字母(alpha, beta, gamma, 等。)
lower-latin 小写拉丁字母(a, b, c, d, e, 等。)
upper-latin 大写拉丁字母(A, B, C, D, E, 等。)
hebrew 传统的希伯来编号方式
armenian 传统的亚美尼亚编号方式
georgian 传统的乔治亚编号方式(an, ban, gan, 等。)
cjk-ideographic 简单的表意数字
hiragana 标记是:a, i, u, e, o, ka, ki, 等。(日文片假名)
katakana 标记是:A, I, U, E, O, KA, KI, 等。(日文片假名)
hiragana-iroha 标记是:i, ro, ha, ni, ho, he, to, 等。(日文片假名)
katakana-iroha 标记是:I, RO, HA, NI, HO, HE, TO, 等。(日文片假名)
值 描述
inside 列表项目标记放置在文本以内,且环绕文本根据标记对齐。
outside 默认值。保持标记位于文本的左侧。列表项目标记放置在文本以外,且环绕文本不根据标记对齐。
inherit 规定应该从父元素继承 list-style-position 属性的值。
值 描述 |
URL 图像的路径。
none 默认。无图形被显示。
inherit 规定应该从父元素继承 list-style-image 属性的值。
六 firefox ie 浏览器默认值(1em=16px) (为了解决浏览器默认值不为0,一般在页面设计时指定内外边距为0。)
h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,p{margin:0;padding:0}
(1)
![](http://image25.360doc.cn/DownloadImg/2011/03/2417/10312216_1.png)
ul{padding-left:40px;margin:1em 0;} /* ul 标签上下外间距为16px;左内间距为40px; */
p,dl{margin:1em 0;} /* p,dl 标签上下外间距为16px; */
dd{margin-left:40px;} /* dd 标签左外间距为40px; */
firefox: ul dl,dl ul,.....{margin-top:0;margin-bottom:0;} /* 列表嵌套,IE中列表嵌套不设置此属性,依然是margin:1em 0; */
(2)IE中任何元素最小高度规定为19px,不可更改。解决方法:设置高度为19px以下的元素需指定overflow:hidden属性。
七 浮动框的自适应宽度和单元格里直接放内容
(1)浮动则自适应内部标签最大宽度
(2)不浮动则自适应父标签宽度
(3)里直接放内容,不用放块元素 等, | 类似于块框,display:table-cell;
八 , 列表标签一般不设置背景图片等样式,只设置margin,padding边距属性,样式属性只在 - ,
- ,
- 等设置。
九 DIV+CSS表格设置及图示 http://www.blogjava.net/algz/articles/298591.html
十 IE6 IE7 绝对定位元素消失的BUG http://www.blogjava.net/algz/articles/301959.html
CSS 页面学习20091016(ul 行框 块框 标签选择 ul,dl在浏览器中的默认值,浮动框的自适应宽度和单元格里直接放内容,重设浏览器默认值)
CSS中的ul与li样式详解
CSS单位和CSS默认值大全 - TERRY的技术日志 - CSDN博客
js获取浏览器高度和宽度值(多浏览器)
div,p,span,ul,li,dl,dt,dd,a,img,h,strong,em 的基本用法
js获得浏览器高度和宽度 参数
如何使用命令行参数和默认值?
CSS对浏览器器的兼容性
CSS对浏览器器的兼容性22
UL认证
UL认证
学习笔记—— 按浏览器全页面定位
面对挫折的名言“面对挫折UL
HP一体机恢复默认值
div+CSS浏览器兼容问题整理
CSS浏览器兼容汇总 - 做最好的自己 - CSDN博客
兼容IE6浏览器常用的十条CSS代码
整理最全的CSS浏览器兼容问题及解决方案
Div+CSS规则整理之七-浏览器的兼容性问题
如何用FIDDLER2直接调试线上页面的JavaScript和CSS
【转】浏览器的加载与页面性能优化
JS获取屏幕,浏览器,网页高度宽度
图片浏览器(可改变宽度、高度)
div+css - Firefox和IE浏览器兼容问题 - 用CSS实现cellSpacing属性效果
|