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