【8】CSS盒子模型、样式继承和默认样式

html-css017

【8】CSS盒子模型、样式继承和默认样式,第1张

内容 content :盒子的主要区域,盒子中的文本内容以及后代元素都显示在内容区域中。

内边距 padding :内容与盒子边界的距离。

边框 border :边框显示在盒子的边界上。

外边距 margin :盒子和相邻兄弟元素或父元素的距离。

盒子的大小=内容的大小+内边距的大小+边框的大小

元素默认 总宽度 = 父元素内容的宽度 - 元素自己的左右外边距

元素默认 内容宽度 = 父元素内容的宽度 - 元素自己的左右外边距 - 元素自己的左右边框宽度 - 元素自己的左右内边距

CSS list-style list-style-type 全部属性值2007-12-31 11:29语法:

list-style-type: disc......

取值:

disc : CSS1 默认值。实心圆

circle : CSS1 空心圆

square : CSS1 实心方块

decimal : CSS1 阿拉伯数字

lower-roman : CSS1 小写罗马数字

upper-roman : CSS1 大写罗马数字

lower-alpha : CSS1 小写英文字母

upper-alpha : CSS1 大写英文字母

none : CSS1 不使用项目符号

armenianl : CSS2 未支持。传统的亚美尼亚数字

cjk-ideographic : CSS2 未支持。浅白的表意数字

georgian : CSS2 未支持。传统的乔治数字

lower-greek : CSS2 未支持。基本的希腊小写字母

hebrew : CSS2 未支持。传统的希伯莱数字

hiragana : CSS2 未支持。日文平假名字符

hiragana-iroha : CSS2 未支持。日文平假名序号

katakana : CSS2 未支持。日文片假名字符

katakana-iroha : CSS2 未支持。日文片假名序号

lower-latin : CSS2 未支持。小写拉丁字母

upper-latin : CSS2 未支持。大写拉丁字母

说明:

* 设置或检索对象的列表项所使用的预设标记。

* 若 list-style-image 属性值为 none 或指定 url 地址的图片不能被显示时,此属性将发生作用。

* 假如一个列表项目的左外补丁( margin-left )被设置为 0 ,则列表项目标记不会被显示。如果要正常显示,左外补丁( margin-left )应该被设置为大约30px或更多。

* 仅作用于具有 display 属性值等于 list-item 的对象。如 li 对象。

* 注意: ol 对象和 ul 对象的 type 属性为其后的所有列表项目(如 li 对象)指明列表属性。

* 此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。

* 对应的脚本特性为 listStyleType 。

示例:

ul.in { display: list-itemlist-style-position: inside}

list并不能设置字符长度。。

不过可以通过css嵌套实现。。