-
CSS教程:CSS兼容的技巧
讓你的樣式完美兼容各大瀏覽器,這個(gè)方案主要是用來解決Safari的,Opear是在測試的時(shí)候順帶試了一下,結(jié)果發(fā)現(xiàn)竟然也行,所以順便也解決了。
作者:asdasdasd11-19
.e {/*FF OP*/background-color: #FF0000}html... -
純CSS實(shí)現(xiàn)的無侵入的卡盤(幻燈片)
卡盤,也就是幻燈片,它應(yīng)該是自動(dòng)播放,但目前css是無法做到自動(dòng)播放(可能會(huì)讓你失望),所以它不應(yīng)該叫幻燈片,但我扔這么稱呼它為幻燈片。如果你認(rèn)為可以用腳本來實(shí)現(xiàn),嗯,地球人都知道,顯...
作者:asdasdasd11-19 -
CSS語法縮寫規(guī)則
使用縮寫可以幫助減少你CSS文件的大小,更加容易閱讀。css縮寫的主要規(guī)則如下:
作者:asdasdasd11-19
顏色
16進(jìn)制的色彩值,如果每兩位的值相同,可以縮寫一半,例如:#000000可以縮寫為#000;#336699可以縮寫為#36... -
解決全部網(wǎng)頁木馬的技巧
還是掛馬問題,這段時(shí)間,我漸漸感到壓力,頭大,通過QQ或MSN加我的人越來越多,我最近自己的工作本來就忙得不亦樂乎。哎,想想,還是要抽空來來幫幫大家。
作者:asdasdasd11-19
前不久《一行代碼解決iframe掛馬(包... -
一列固定寬度布局和背景圖片絕對定位的實(shí)現(xiàn)代碼
一列固定寬度網(wǎng)頁用于我的學(xué)習(xí)筆記,很不錯(cuò)吧。這張網(wǎng)頁,我只是嘗試了一下背景圖片的絕對定位設(shè)置。 1.HTML部分只需在<body ></body >之間編寫一個(gè)DIV標(biāo)簽,給DIV標(biāo)簽使用layout作為ID名稱即可...
作者:asdasdasd11-19 -
CSS教程:創(chuàng)建性感的CSS樣式表
原文名稱:Creating Sexy Stylesheets原文地址:http://www.thinkvitamin.com/features/design/creating-sexy-stylesheets
作者:asdasdasd11-19
作為一個(gè)CSS方面的專家,所做的不只是記住選擇符(Selectors)那么簡單,提... -
w3c標(biāo)準(zhǔn)自適應(yīng)高度height100%不起作用的問題分析
在以前的網(wǎng)頁中,table用height:100%是可以整屏的,但在網(wǎng)頁頭部增加: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitiona...
作者:asdasdasd11-19 -
CSS網(wǎng)頁設(shè)計(jì):百分比進(jìn)行背景圖片定位
此文為后來的教程做鋪墊,轉(zhuǎn)自這兒。百分?jǐn)?shù)定位很有意思,可以實(shí)現(xiàn)非凡的效果。大部分人應(yīng)該習(xí)慣于使用描述性詞語(left、top、center…)或者數(shù)值(20px、1em…)對背景圖片定位,...
作者:asdasdasd11-19 -
css教程:DIV垂直居中的辦法
經(jīng)過今天一翻改進(jìn),終于找出了解決DIV垂直居中的辦法。
作者:asdasdasd11-19
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><h... -
CSS也要語義化說明
其實(shí)想重提下那個(gè)話題,一直都在忙這忙那的沒時(shí)間。好不容易到一個(gè)周末了,原定安排是去D2的但是因?yàn)闀r(shí)間安排不過來,所以能抽空寫寫。早前的討論不了了之,其實(shí)這一點(diǎn)都不是Twinsen的風(fēng)格。
作者:asdasdasd11-19
名... -
CSS代碼組合和嵌套
CSS的組合和嵌套
作者:asdasdasd11-19
CSS組合
你不必重復(fù)有相同屬性的多個(gè)選擇符,你只要用英文逗號(,)隔開選擇符就可以了。
比如,你有如下的代碼:
h2 { color: red; }.thisOtherClass { color: red; }.yet... -
CSS教程:浮動(dòng)元素對瀏覽器的支持
當(dāng)元素設(shè)置浮動(dòng)(float)后會(huì)被移出文檔流,相信大家都會(huì)經(jīng)常遇到這樣的問題。
作者:asdasdasd11-19
這問題的解決辦法有N種之多,因?yàn)槊糠N瀏覽器對CSS的解析各異,所以在不同瀏覽器使用清除浮動(dòng)的元素也會(huì)有所不同。
... -
FireFox瀏覽器和IE瀏覽器下CSS兼容問題
1.DOCTYPE 影響 CSS 處理
作者:asdasdasd11-19
2.FF: div 設(shè)置 margin-left, margin-right 為 auto 時(shí)已經(jīng)居中, IE 不行
3.FF: body 設(shè)置 text-align 時(shí), div 需要設(shè)置 margin: auto(主要是 margin-left,margin-... -
css常用布局多行多列
CSS布局常用的方法:float : none | left | right 取值: none : 默認(rèn)值。對象不飄浮 left : 文本流向?qū)ο蟮挠疫?right : 文本流向?qū)ο蟮淖筮?它是怎樣工作的,看個(gè)一行兩列的例子 xhtml:...
作者:asdasdasd11-19 -
CSS 模塊化的理解
在Twinsen Liang的博客上看到一篇名為語義化單單的限定在html么?的文章,文中主要是提及了CSS的命名規(guī)則,仔細(xì)閱讀后,我認(rèn)為這個(gè)其實(shí)就是模塊化思想。(作者也提了這一點(diǎn))。我沒有看過CSS模塊...
作者:asdasdasd11-19 -
CSS教程:網(wǎng)頁文本漸變
注:本文由 Robin 翻譯自 webdesignerwall(這個(gè)標(biāo)題不知道該怎么翻譯好, 希望大家能提提意見.)
作者:asdasdasd11-19
你是否想不用photoshop來創(chuàng)建一個(gè)帶漸變的標(biāo)題文字嗎? 這里用一個(gè)簡單的css技巧來向你展示如何僅僅... -
CSS縮寫6個(gè)圖例總結(jié)
本文將通過CSS實(shí)例,講解六種縮寫的形式。它們分別是margin和padding、border、background、font、list和color。Webjx.Com以前也有過類似的文件,但本文的講解更加的清晰。如果你對CSS縮寫已...
作者:asdasdasd11-19 -
CSS代碼屬性分組的寫法例子
前段時(shí)間論壇搞的那話題貌似后面沒人討論了,也沒想跟貼了,自己也不是很專業(yè),SO,現(xiàn)在有點(diǎn)想法就放這兒來。
作者:asdasdasd11-19
雖然那貼后來沒人跟了,嘿嘿,不過我倒是這幾天一直在想,在想討論下去還會(huì)討論出... -
不同瀏覽器的CSS Hack寫法小結(jié)
區(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:...
作者:asdasdasd11-19 -
IE6下 vertical-align:middle 和 height 引發(fā)的邊框消失
css樣式:<style type="text/css">ul{ list-style:none;}li,div{border:1px solid #ff0000; vertical-align:middle; height:50px;}</style>html結(jié)構(gòu):<div>測試</div>(注意:<div>測試</div>后...
作者:asdasdasd11-19 -
CSS常用屬性縮寫實(shí)例
CSS代碼簡化在工作中是非常有益的,也是必要的。在編寫CSS代碼時(shí),經(jīng)常會(huì)出現(xiàn)冗余的代碼,為了提高代碼的質(zhì)量及文件壓縮到最小,使代碼具有可讀性,不得不把CSS代碼簡化。下面用一些比較常用...
作者:asdasdasd11-19 -
實(shí)用的CSS常見的問題和技巧總結(jié)
1、善用css縮寫可以減少頁面文件大小,提高下載速度,同時(shí)使代碼簡潔可讀。如:
作者:asdasdasd11-19
div{ border-top:1px solid #cccccc; border-left:1px solid #cccccc; border-right:1px soli #cccccc; bor... -
比較全的CSS瀏覽器兼容問題整理總結(jié)
CSS對瀏覽器的兼容性有時(shí)讓人很頭疼,或許當(dāng)你了解當(dāng)中的技巧跟原理,就會(huì)覺得也不是難事,從網(wǎng)上收集了IE7,6與Fireofx的兼容性處理方法并整理了一下.對于web2.0的過度,請盡量用xhtml格式寫代碼,而...
作者:asdasdasd11-19 -
Web開發(fā)期待的CSS的一些功能
著名的 Web 設(shè)計(jì)網(wǎng)站 CSS-tricks.com 最近組織了一次調(diào)查,請15名頂尖的 Web 設(shè)計(jì)師對 CSS 提出自己的期望,15名設(shè)計(jì)師包括 Jon Hicks,Wolfgang Bartelme, Mint 的 Shaun Inman 以及 Stuff and ...
作者:asdasdasd11-19 -
css 一些技巧及易錯(cuò)的細(xì)節(jié)
1.利用border屬性確定出錯(cuò)元素的布局特性 使用float屬性布局一不小心就會(huì)出錯(cuò)。這時(shí)為元素添加border屬性確定元素邊界,錯(cuò)誤原因即水落石出。 2.float元素的父元素不能指定clear屬性 MacIE下如果...
作者:asdasdasd11-19
