一.固定頁眉
.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 、
目錄
|
|
27 | 28 | 29 | 30 | 1 | 2 | 3 |
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
1 | 2 | 3 | 4 | 5 | 6 | 7 |
常用鏈接
留言簿(5)
隨筆檔案(9)
文章分類(339)
文章檔案(265)
最新隨筆
最新評論

閱讀排行榜
評論排行榜
主站蜘蛛池模板:
免费一级特黄特色大片|
狠狠色伊人亚洲综合成人|
久久精品国产亚洲av麻豆蜜芽|
久久久久久免费一区二区三区
|
亚洲视频在线不卡|
亚洲视频在线免费观看|
久久精品国产99精品国产亚洲性色|
99精品全国免费观看视频..|
亚洲日韩欧洲乱码AV夜夜摸|
国产成人免费ā片在线观看老同学|
亚洲无人区午夜福利码高清完整版|
精品97国产免费人成视频
|
亚洲熟妇丰满xxxxx|
成人黄页网站免费观看大全|
亚洲jizzjizz少妇|
国产精品国产免费无码专区不卡|
亚洲av永久无码一区二区三区|
啦啦啦www免费视频|
国产精品亚洲综合|
亚洲精品国偷自产在线|
久久精品乱子伦免费|
亚洲白色白色永久观看|
在线精品免费视频无码的|
黄色网址在线免费观看|
国产亚洲日韩在线三区|
99久久免费精品视频|
中文字幕在线观看亚洲日韩|
亚洲av再在线观看|
久久精品免费视频观看|
亚洲色欲啪啪久久WWW综合网|
亚洲不卡AV影片在线播放|
国产午夜精品久久久久免费视|
18亚洲男同志videos网站|
国内自产少妇自拍区免费|
fc2成年免费共享视频网站|
亚洲黄色网站视频|
免费观看国产精品|
99免费在线观看视频|
处破女第一次亚洲18分钟|
亚洲国产精品婷婷久久|
国产一级一片免费播放|