CSS List Grid Layout 圖片垂直居中
CSS List Grid View Layout body{ font-family:Arial; text-align:center; } p{ } .img-grid{ width:603px; margin:auto; overflow:hidden; position:relative; border:solid 20px #C...
|
|
IE6網頁神奇BUG
標題就是<title>拉薩爾--萊佛士教育</title>，調試了很久發現當把<title>拉薩爾--萊佛士教育</title> 刪掉后，顯示了。 。。。。 找原因，沒找到。 后來有吧中間的"--"去掉，顯示正常。 然后再加上顯示"--"顯示正常。...
Marquee高級用法實例代碼
jb51.net [/htmlMarquee嵌套 [html] ÿ ÿ ÿ [Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]]...
web標準知識――從p開始，循序漸進
很多朋友現在還在用Dreamweaver（下稱DW），不可否認這是個非常優秀的軟件，他基本上實現了所見即所得。當然也正是因為這樣讓很多網頁制作人員對于(x)HTML標簽變得一無所知。然而要學習WEB標準就必需要與標簽打交道，你必需要...
(X)HTML Strict 下的嵌套規則
說明：
為了方便讀者閱讀，本文中的標簽使用了大寫（根據 XHTML 的規則，元素名必須小寫，比如 <html> 而不應是 <HTML>） 小寫的單詞表明一組或一系列 HTML 標簽 每一項條目（標簽）后都跟隨一組標簽列表，如果沒有這個列表，那么表...
web標準知識――用途相似的標簽
在前面我們已經講過了strong與em的區別。除了strong與em之外還有一些相似的標簽比如q、cite、blockquote。這三個都屬于引用一類，但是這里還是有一些區別的，首先來一一解釋。
<q></q>，q的作用是引用非塊元素，也就是引用...
html鏈接與文本標簽們
我們都知道網頁的最大特性是“鏈接”，是的這個在我們現在看起來習以為常的東西，讓我們的生活發生了巨大的變化，是這個小小的標簽成就了這個世界上無數的互聯網天才。那么讓我們看看這個標簽的真面目：
<a href="URL" >文...
美化html段落文本 Ⅰ
上篇已經說了在第五篇會開始講CSS，剛開始講不能講得復雜，我們還是由淺入深，一步步來。還是那句話：先用起來，然后再去研究。即然我們第一篇講的是段落，那我們這篇初講CSS當然也還是要從段落開始，讓我們的段落先漂亮起來。在沒...
當標題不能顯示完整的解決方法
其實建議用css控制超出隱藏顯示
也就是標題因為設計的寬度問題所以沒有顯示全，看樣子是使用程序來截字的。我想很多網站都遇到這樣的情況。為了視覺效果不得不進行截字顯示以滿足網站的整體視覺效果。通常我們采用截...
詳解鏈接的rel與target區別
target="_blank"是否的存在是否有必要我想目前還有很多正處在一種盲區。我查閱了相關的文獻，發現其實情況并非是我們所想的那樣，事實上target="_blank"并非是不符合標準的，而用rel與JS的解決方案也是沒有必要的，因為這是...
用div實現像table一樣的布局方法
許多網頁設計師都喜歡，將兩個或者多個容器等高的并排放置，并在里面展示每個容器的內容，就象經典表格布局中的單元格控制幾個欄目的位置，也喜歡容器的內容居中或頂部對齊顯示。 但是你又不喜歡用table來實現他，那怎么辦呢？實...
float引起層飄出父層的解決方法
1.加clear空div .clearfix:after { content: “.”; display: block; height: 0; clear: both; visibility: hidden;} .clearfix {display: inline-block;} /* Hides from IE-mac /*/ * html .clearfix {height: 1%;}...
div+css布局必了解的列表元素ul ol li dl dt dd詳解
塊級元素div盡量少用，其實和table一樣，嵌套越少越好，它也是會影響速度的！
ol 有序列表。 <ol> <li>……</li> <li>……</li> <li>……</li> </ol> 表現為： 1…… 2…… 3…… ul 無序列表，表現為li前面是大圓點而不是123...
CSS Hack收集匯總
屏蔽IE瀏覽器（也就是IE下不顯示） *:lang(zh) select {font:12px !important;} /*FF的專用*/ select:empty {font:12px !important;} /*safari可見*/ 這里select是選擇符，根據情況更換。第二句是MAC上safari瀏覽器獨有的...
區分IE6，IE7，firefox的CSS hack
區別IE6與FF： background:orange;*background:blue; 區別IE6與IE7： background:green !important;background:blue; 區別IE7與FF： background:orange; *background:green; 區別FF，IE7，IE6： bac...
CSS頂級技巧大放送，div+css布局必知
字體大小使用px
在一行內聲明CSS 對比下面兩個：
h2 {font-size:18px; border:1px solid blue; color:#000; background-color:#FFF;}
h2 { font-size:18px; border:1px solid blue; color:#000; bac...
div+css如何實現頁腳的置底
將一個對象定位在頁面底部并隨頁面滾動 [Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]...
css層滾動條
層滾動條DIY - Powered by yexj00 [Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]...
超級連接的提示中換行效果實現代碼
具體代碼如下：鼠標放上去看說明 [Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]...
字符不會撐大表格的常見css樣式
我現在就碰到了這樣的麻煩，請問高手，有沒有解決的方法，可以做到不管是純粹的輸入中文還是輸入英文，或者是中英字符混輸，都不會將表格撐寬？就是這幾個相關css: table-layput:fixed;word-wrap:break-wrod;word-break:break-a...
表格高級使用技巧_把表格進行到底(必看)
1.表格的分隔線可以隱藏
<table border rules=cols cellspacing=0 align=left> 可以隱藏橫向的分隔線
<table border rules=rows cellspacing=0 align=right>可以隱藏縱向的分隔線
<table border rules=none ce...
網頁中Span和Div的區別
它們被用來組合一大塊的HTML代碼并賦予一定的信息，大部分用類屬性class和標識屬性id與元素聯系起來，見CSS中級指南的類和id選擇符。
span和div的不同之處在于span是內聯的，用在一小塊的內聯HTML中，而div（想想divisi...
在IE與FF中如何居中的css寫法
IE方法：<body style="text-align:center;"> <body> 標記內的內容居中。 非IE方法：<div style="margin-left:auto;margin-right:auto;"></div> <div> 標記的左右邊距自動適應，以達到居中效果。 標準推薦的CSS使用方法是后...
javascript橫排豎排標準選項卡效果代碼
PRcss的選項卡 www.jb51.net 首頁 嘿嘿，無視div原始class值。 測試 繼續無視h3原始class值。 無聊 h3沒有值也可以～ 傻蛋 div沒有值一樣可以～ 首...
line-block的運用最小寬度的設置
網上找到的正規描述： 引用內容 這個值導致一個元素產生一個塊狀盒模型（block box），而本身作為單一的內聯盒模型（inline box）流動排列（flow），類似一個被替代的元素。Display值為inline-block的元素內部形成一個塊狀盒模型，而本...