<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    隨筆-9  評論-168  文章-266  trackbacks-0
    一.固定頁眉
    .top{position:fixed;left:0;top:0}   //posistion屬性需用left,top指定方位(連用)

    二.標簽符的選擇
    多行多列用<table>,單行多列用<p style="float:left;">(一般用于標題.即行選擇符,另有<span>),多行單列用UL列表(或DL),
    文字環繞用<dl>(<div style="width:(定義長點的寬度給環繞留出空間)px;"><dt style="float:left;"><img /></dt><dd>環繞dt<dd>)

    三.行框:元素在一行里按列一列一列顯示
    <a>,<img>,<span>
     
    四.塊框(display:block):元素按行一行一行顯示
    <p>,<div>,<ul>,<li>,<dl>,<dt>

    五.列表項<ul>三個屬性
    值  描述
    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)<td>里直接放內容,不用放塊元素<p>等, <td>類似于塊框,display:table-cell;

    八 <ul>,<dl> 列表標簽一般不設置背景圖片等樣式,只設置margin,padding邊距屬性,樣式屬性只在<li>,<dt>,<dd>等設置。

    九 DIV+CSS表格設置及圖示
    http://www.tkk7.com/algz/articles/298591.html

    十 IE6 IE7 絕對定位元素消失的BUG
    http://www.tkk7.com/algz/articles/301959.html
    posted on 2009-10-12 15:29 紫蝶∏飛揚↗ 閱讀(2669) 評論(0)  編輯  收藏 所屬分類: CSS目錄
    主站蜘蛛池模板: 免费一级特黄特色大片| 狠狠色伊人亚洲综合成人| 久久精品国产亚洲av麻豆蜜芽| 久久久久久免费一区二区三区 | 亚洲视频在线不卡| 亚洲视频在线免费观看| 久久精品国产99精品国产亚洲性色| 99精品全国免费观看视频..| 亚洲日韩欧洲乱码AV夜夜摸| 国产成人免费ā片在线观看老同学| 亚洲无人区午夜福利码高清完整版| 精品97国产免费人成视频 | 亚洲熟妇丰满xxxxx| 成人黄页网站免费观看大全| 亚洲jizzjizz少妇| 国产精品国产免费无码专区不卡| 亚洲av永久无码一区二区三区| 啦啦啦www免费视频| 国产精品亚洲综合| 亚洲精品国偷自产在线| 久久精品乱子伦免费| 亚洲白色白色永久观看| 在线精品免费视频无码的| 黄色网址在线免费观看| 国产亚洲日韩在线三区| 99久久免费精品视频| 中文字幕在线观看亚洲日韩| 亚洲av再在线观看| 久久精品免费视频观看| 亚洲色欲啪啪久久WWW综合网| 亚洲不卡AV影片在线播放| 国产午夜精品久久久久免费视| 18亚洲男同志videos网站| 国内自产少妇自拍区免费| fc2成年免费共享视频网站| 亚洲黄色网站视频| 免费观看国产精品| 99免费在线观看视频| 处破女第一次亚洲18分钟| 亚洲国产精品婷婷久久| 国产一级一片免费播放|