襄阳市长秦军:CSS 页面学习20091016(ul 行框 块框 标签选择 ul,dl在浏览器中的默认值,浮动框的自适应宽度和单元格里直接放内容,重设浏览器默认值)

来源:百度文库 编辑:九乡新闻网 时间:2024/07/14 05:35:51
CSS 页面学习20091016(ul 行框 块框 标签选择 ul,dl在浏览器中的默认值,浮动框的自适应宽度和单元格里直接放内容,重设浏览器默认值) 一.固定页眉
.top{position:fixed;left:0;top:0}   //posistion属性需用left,top指定方位(连用)

二.标签符的选择
多行多列用,单行多列用

(一般用于标题.即行选择符,另有),多行单列用UL列表(或DL),
文字环绕用

(
环绕dt
)

三.行框:元素在一行里按列一列一列显示
,,
 
四.块框(display:block):元素按行一行一行显示

,

,
    ,
  • ,
    ,


    五.列表项
      三个属性
      值  描述
      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)

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;