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