
以下為詳細(xì)代碼 <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <htmlxmlns="http://www.w3.閱讀全文
以下為詳細(xì)代碼 <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <htmlxmlns="ht閱讀全文
用到的圖片 以下為詳細(xì)代碼 <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN"> <htmlxmlns="http://www.w3.org/1999/xhtml"> <head> 閱讀全文
以下為詳細(xì)代碼 <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <htmlxmlns="http://www.w3.閱讀全文
看到淘寶網(wǎng)頁(yè)中這樣寫(xiě)使用的是import,而很多網(wǎng)站都是使用link,當(dāng)然還有一些頁(yè)面比較簡(jiǎn)單,流量很大的網(wǎng)站,是直接將CSS寫(xiě)在html代碼中的?他們有什么區(qū)別?css用import還是link好?從經(jīng)典論壇和另外一個(gè)網(wǎng)站大概了解了一下 看到淘寶網(wǎng)頁(yè)中大部分是這樣寫(xiě)的 <styletype閱讀全文
圖片的透明效果是網(wǎng)頁(yè)中需要用到的一種特殊形式,雖然不是非常的常用,但是遇到這樣的需求往往有點(diǎn)措手不及,在我們的文章中雖然有這方面的CSS實(shí)例,但還沒(méi)有系統(tǒng)的介紹過(guò)CSSAlpha透明,我們今天共同學(xué)習(xí)一下相關(guān)的知識(shí)。 關(guān)于CSSAlpha透明的相關(guān)知識(shí)。先請(qǐng)看如下代碼: 閱讀全文
以下為詳細(xì)代碼 <!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd"> <HEAD><閱讀全文
一行內(nèi)文本超出指定寬度后用省略號(hào)代替一般的文字截?cái)啵ㄟm用于內(nèi)聯(lián)與塊): .text-overflow{display:block;/*內(nèi)聯(lián)對(duì)象需加*/width:31em;word-break:keep-all;/*不換行*/white-space:nowrap;/*不換行*/overflow:h閱讀全文
按照CSS規(guī)范,浮動(dòng)元素(floats)會(huì)被移出文檔流,不會(huì)影響到塊狀盒子的布局而只會(huì)影響內(nèi)聯(lián)盒子(通常是文本)的排列。因此當(dāng)其高度超出包含容器時(shí),一般父容器不會(huì)自動(dòng)伸長(zhǎng)以閉合浮動(dòng)元素。但是有時(shí)我們卻需要這種自動(dòng)閉合行為,具體如何處理呢? 有一種做法就是在父容器內(nèi)再插入一個(gè)額外的標(biāo)簽,并令其清除浮閱讀全文
以下為詳細(xì)代碼 <style> .h5ul{ BACKGROUND:url(./images/information/h5uldi.gif)repeat-yrightcenter;FLOAT:left } .h5ulLI{ WIDTH:80px;LINE-HEIGHT閱讀全文
以下為詳細(xì)代碼 <stylerel="stylesheet"type="text/css"media="all"> body{font-size:12px;} /*______________01號(hào)標(biāo)簽_____________*/ /*大欄目樣式*/ .bigmenu閱讀全文
以下為詳細(xì)代碼 另外一種符合web2.0的鏈接打開(kāi)方式--利用base打開(kāi)鏈接 <htmlxmlns="http://www.w3.org/1999/xhtml"> <head> <metahttp-equiv="Content-Type"content="閱讀全文
以下為詳細(xì)代碼 一個(gè)非常適和div+css初學(xué)者看的例子,看完之后,相信你的DIV+CSS技術(shù)一定會(huì)上一個(gè)層次<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DT閱讀全文
利用javascript讓PNG透明圖片支持支持(IE6、IE7、firefox下測(cè)試通過(guò)) 以下為詳細(xì)代碼 <script> functioncorrectPNG() { for(vari=0;i<document.images.length;i++) { va閱讀全文
一個(gè)超級(jí)變態(tài)的DIV+CSS1.E[att^="string"]{property:value;}whereEisaselector.最終顯示的結(jié)果就是:在以P為標(biāo)簽里,只要他的里面包函"ho"那么它的背景就為綠的 CSS:p[title^="ho"]{background:gre閱讀全文
以下為詳細(xì)代碼 <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <htmlxmlns="ht閱讀全文
A).運(yùn)用CSS格式化列表符:引用內(nèi)容ulli{list-style-type:none;} B).如果你想將列表符換成圖像,則:引用內(nèi)容ulli{list-style-type:none;list-style-image:url(/blog/images/icon.gif);} C).為了左對(duì)閱讀全文
letter-spacing設(shè)置對(duì)象中的文字之間的間隔。word-spacing設(shè)置對(duì)象中的單詞之間的間隔。letter-spacing與word-spacing屬性可以定義為一定的長(zhǎng)度值進(jìn)行控制。當(dāng)值等于normal的時(shí)候,是默認(rèn)的樣式,也相當(dāng)于是等于零值。我們通過(guò)下面的示例來(lái)區(qū)別它們。lette閱讀全文
關(guān)于pt和px的換算! px:說(shuō)明:相對(duì)長(zhǎng)度單位。像素(Pixel)。像素是相對(duì)于顯示器屏幕分辨率而言的。譬如,WONDOWS的用戶(hù)所使用的分辨率一般是96像素/英寸。而MAC的用戶(hù)所使用的分辨率一般是72像素/英寸。pt:說(shuō)明:絕對(duì)長(zhǎng)度單位。點(diǎn)(Point)。1in=2.54cm=25.閱讀全文
你在寫(xiě)css時(shí)樣式表加上瀏覽器標(biāo)識(shí)符就行了,各瀏覽器區(qū)別如下:IE都能識(shí)別*,標(biāo)準(zhǔn)瀏覽器(如FF)不能識(shí)別*;IE6能識(shí)別*,但不能識(shí)別!important;IE7能識(shí)別*,也能識(shí)別!important;FF不能識(shí)別*,但能識(shí)別!important;例如style="*width:10px;!imp閱讀全文