-
瀏覽器CSS Reset方法十例
2012-06-14CSS Reset是指重設(shè)瀏覽器的樣式。在Mb5u.com以前的文章中,也介紹過相似的知識,但不夠深入,今天我們看十個CSS Reset方法的例子,學習這種方法的應(yīng)用。 在各種瀏覽器中,都會對CSS的選擇器默認一些數(shù)值,譬如當h1沒有被設(shè)置數(shù)值時,顯示一定大 -
CSS的UTF-8和GB2312編碼問題詳解
2012-06-14不知道大家在做頁面的時候會不會遇到樣式定義不生效的問題,基本的表現(xiàn)就是怎么改樣式都沒顯示或只有某些瀏覽器正常,這時通常需要做下面的幾步: 確認所修改的樣式文件是否是當前頁面的樣式文件(多個環(huán)境的情況) 確認文件中的路徑是否正確(可能手誤多寫 -
符合WEB標準的語義化CSS
2012-06-14首先聲明的我不是反對關(guān)于設(shè)計的網(wǎng)格化,我是反對重構(gòu)的網(wǎng)格化。這里應(yīng)該特指是YUI方式的類名綁定式的網(wǎng)格化。大家可以看看下面的一段代碼: 示例代碼 [www.zhaotila.cn] div id=yui-main div class=yui-b div class=yui-g div class=yui-u first/div d -
DIVCSS中 左右抖動的解決方案
2012-06-14這是一位Mb5u.com網(wǎng)友的經(jīng)驗文章。DIVCSS網(wǎng)頁布局的頁面中 左右抖動的解決方案。 最近在設(shè)計網(wǎng)站時就老有這個問題,設(shè)計好會員中心,內(nèi)容為margin:0 auto;居中時,打開網(wǎng)頁的一瞬間網(wǎng)頁會向左擺一下,進了另一個頁面時,網(wǎng)頁又會向右擺一下,然后又向左擺回來,如果 -
css中table-layout:fixed屬性值的使用
2012-06-13當你準備全面進軍web標準時,有時候你是不是被表格的弄得焦頭爛額呢?比如,原來使用“非法”的nobr現(xiàn)在要用什么來代替呢?今天,就讓我來一個終極解決方案。 或許你已經(jīng)Google到white-space: nowrap可以實現(xiàn)nobr,不錯,但關(guān)鍵還有一個,那就是table-layou -
CSS中Float(浮動)屬性的說明
2012-06-13Float(浮動)概念也許是CSS中最讓人迷惑的一個概念吧。Float經(jīng)常被錯誤理解,而且因為將上下文元素全部浮動導(dǎo)致的可讀性、可用性問題備受責難。然而,這些問題的根源并不在于理論本身,而是開發(fā)人員以及瀏覽器對理論的解讀造成的。 如果你認真的去讀一下浮 -
CSS的優(yōu)先權(quán) CSS的繼承與層疊詳細說明
2012-06-13發(fā)現(xiàn)很多朋友對 CSS 的優(yōu)先權(quán)不甚了解,規(guī)則很簡單。需要說明的一點,如果你的樣式管理需要深層判斷 CSS 的優(yōu)先權(quán),更應(yīng)反思自己的 CSS 代碼,是否合理?是否優(yōu)化? CSS2.1 中規(guī)定了關(guān)于 CSS 規(guī)則 Specificity(特異性)的計算方式,用一個四位的數(shù)字串(注: -
CSS and the meaning of life
2012-06-13Wow, my little CSS screed seems to have really hit a nerve. In just six hours it has hit #6 on the Reddit front page (up to #5 now). I didn't even submit it to Reddit because it has been ages since I was able to get any traction over there! -
IE6因為編碼問題無法正確解析CSS文件
2012-06-12本文為轉(zhuǎn)載,是一個網(wǎng)友在實際工作中遇到的問題,在此Mb5u轉(zhuǎn)載過來,大家在遇到此類問題時,可以有一定經(jīng)驗。 又是IE6,又是編碼,說來說去都是這些問題。今天在做一個網(wǎng)頁的時候發(fā)現(xiàn) IE6 版本以下的瀏覽器不能把CSS正確地表現(xiàn)出來,CSS 好像沒有產(chǎn)生任何作 -
期待的CSS的一些功能
2012-06-12著名的Web設(shè)計網(wǎng)站最近組織了一次調(diào)查,請15名頂尖的 Web 設(shè)計師對 CSS 提出自己的期望,15名設(shè)計師包括 Jon Hicks, Wolfgang Bartelme, Mint 的 Shaun Inman 以及 Stuff and Nonsense 的 Andy Clarke。 調(diào)查結(jié)果顯示,最被期待的 CSS 功能是 CSS 圓角,其它 -
JavaScript(JS)與CSS屬性編碼方法對照表
2012-06-12CSS與JS緊密配合,為我們的頁面增添了很多別致的效果。在Mb5u.com中也有相關(guān)的案例。為了達到某種特殊的效果我們需要用Javascript動態(tài)的去更改某一個標簽的CSS屬性。比如:鼠標經(jīng)過一個圖片時我們讓圖片加一個邊框,代碼可能是這樣:JavaScript中style后面的 -
!important全面解析
2012-06-11CSS中的!important是一個非常重要的屬性,有時候發(fā)揮著非常大的作用,Mb5u.com這方面的知識并不是非常多,我們看下面的文章,對它作比較感觀的了解。 前幾天寫一些CSS代碼的時候又難為我了,因為那個該死的IE6對CSS的支持是如此的差勁,以前我還沒注意過,因 -
CSS屬性display:inline-block的深入理解
2012-06-11在使用 CSS 實現(xiàn)表現(xiàn)的時候,會經(jīng)常接觸到 display:inline-block 這一屬性,大都會對這一屬性感覺很模糊。 display:inline-block 將對象呈遞為內(nèi)聯(lián)對象,但是對象的內(nèi)容作為塊對象呈遞。旁邊的內(nèi)聯(lián)對象會被呈遞在同一行內(nèi),允許空格。 但對于這個屬性不是所 -
特定選擇器控制權(quán)的多個CSS樣式表
2012-06-11CSS樣式 層疊順序 當使用了多個樣式表,樣式表需要爭奪特定選擇符的控制權(quán)。在這些情況下,總會有樣式表的規(guī)則能獲得控制權(quán)。以下的特性將決定互相對立的樣式表的結(jié)果。 正如以前所提及的,網(wǎng)頁制作者和讀者都有能力去指定樣式表。當兩者的規(guī)則發(fā)生沖突,網(wǎng) -
CSS編碼習慣 hack分開寫的規(guī)則
2012-06-11我以往的習慣 .demo{ float: left; margin-left: 20px; _display:inline; /*hacked for IE 6*/ } 以后hack分開寫 .demo{ float: left; margin-left: 20px; } * .demo{ _display:inline; /*hacked for IE 6*/ } 養(yǎng)好習慣~ -
CSS縮寫可以有效的縮小CSS文件的體積
2012-06-09Web網(wǎng)站可用性的關(guān)鍵指標是速度,更確切地說,是頁面能以多快的速度出現(xiàn)在訪問者的瀏覽器窗口里。影響速度的因素有很多種,包括Web服務(wù)器的速度、訪問者的Internet連接情況,以及瀏覽器必須下載的文件大 -
CSS網(wǎng)頁布局中IE與FF兼容問題的小整理
2012-06-09CSS網(wǎng)頁布局中往往會出現(xiàn)很多IE與FF不兼容問題,下面整理了一些常見的可能及其解決的辦法!在Mb5u.com中,類似的知識也介紹過很多,例如: http://www.zhaotila.cn/search.asp?SearchContent=hack 1、用!important解決IE和Mozilla的布局差別 !important是CSS1就 -
防止CSS樣式被掛網(wǎng)頁木馬
2012-06-09隨著CSS網(wǎng)頁布局應(yīng)用的越來越廣泛,Web標準逐漸普及,也創(chuàng)造了一個可乘之機。今天Mb5u.com和大家討論,預(yù)防CSS樣式被掛網(wǎng)頁木馬。他們發(fā)現(xiàn),用來實現(xiàn)頁面的CSS,也可以用來掛馬。而比較諷刺的是,CSS掛馬方式其實是從防范IFRAME掛馬的CSS代碼演變而來。 網(wǎng)站 -
關(guān)于CSS :unknown的一些疑惑
2012-06-09今天在W3CBBS.com有網(wǎng)友提出這樣一個問題。 css中的 Q:unknown { content: '' } 是什么意思啊 q標簽表示一個行引用. q標簽是成對出現(xiàn)的,以q開始,以/q結(jié)束 屬性: Common -- 一般屬性 cite -- 引用內(nèi)容的URI q是quoted text的縮寫 關(guān)于unknown,一般理解為:未 -
CSS基礎(chǔ):您是否真的了解CSS的Display屬性
2012-06-08CSS的Display屬性可能的值 none 此元素不會被顯示。 block 此元素將顯示為塊級元素,此元素前后會帶有換行符。 inline 默認。此元素會被顯示為內(nèi)聯(lián)元素,元素前后沒有換行符。 inline-block 行內(nèi)塊元素。(CSS2.1 新增的值) list-item 此元素會作為列表顯示
- 相關(guān)鏈接:
- 欄目說明:
CSS教程 提供全面的CSS 教程,遇到問題,互助平臺 CSS 欄目提問!