Time of Update: 2017-01-13
提示:您可以先修改部分代碼再運行 pure css3 tab最新博文熱評博文隨機博文原創WordPress主題教程#4:熱門點擊文章原創WordPress主題教程#3:精選推薦文章原創WordPress主題教程#2:置頂推薦文章原創WordPress主題教程#1:最近修改文章我是如何學習JavaScript淺談現代化搜尋引擎最佳化(SEO)10個優秀的jQuery Mobile主題javascript學習15:建立對象全面理解物件導向的
Time of Update: 2017-01-13
提示:您可以先修改部分代碼再運行 兩列寬度自適應兩列寬度自適應測試左側浮動,右側margin-left,IE6,7下在縮小到一定程度右側會下沉,而且有一個 IE6 3px bug Right 測試子項目能否使用width:100% 左側絕對位置,右側margin-left,此方法有效避免了右側下沉和IE6 3px bug Right 測試子項目能否使用width:100%
Time of Update: 2017-01-13
提示:您可以先修改部分代碼再運行 CSS3的border-radius屬性 Hello,World! 提示:您可以先修改部分代碼再運行
Time of Update: 2017-01-13
提示:您可以先修改部分代碼再運行 網站左側固定位置滾動代碼-淘寶情報右側 位置一 位置二 位置二 位置二 位置二 位置二 位置二 位置二 位置二 返回頂部
Time of Update: 2017-01-13
先來看下 ie、Firefox、Google瀏覽器下各個字型顯示情況ie下:Firefox下:Google下:從上面的圖可以很明顯看出Google下 css設定字型大小為12px及以下時,顯示都是一樣大小,都是預設12px;那麼網上一直有一個方法就是給當前樣式添加Google私人屬性:-webkit-text-size-adjust:none;可是我進行驗證後發現,在Google現在的新版本裡已經無效。那麼我們應該如何設定Google下的字型呢?我們可以使用到
Time of Update: 2017-01-13
1、去除input記住密碼後自動填滿表單的黃色背景 input:-webkit-autofill { -webkit-box-shadow:000px1000px#FFFinset; } //其中#fff是背景顏色值 2、IE8不支援opacity:0屬性,可以加上下面屬性:
Time of Update: 2017-01-13
父元素的盒子包含一個子項目盒子,給子項目盒子一個垂直外邊距margin-top,父元素盒子也會往下走margin-top的值,而子項目和父元素的邊距則沒有發生變化。 html代碼:<div class="box1"> <div class="box2"></div> </div>css樣式:.box1{height:200px;width:200px;background:gray;} .box2
Time of Update: 2017-01-13
1.表徵圖和文字對齊一般的表徵圖和文字對齊html代碼:<p><i class="icon"></i>前端開發部落格</p><p><a href="javascript:" class="icon">刪除</a>前端開發部落格</p>zxx的CSS代碼:p{line-height:20px; font-size:14px;}.icon { &
Time of Update: 2017-01-13
前言inline-block,我們平時用的很多,最普通的用法就是幾個div在一行中顯示,我們用display:inline-block。今天之所以寫這篇文章,主要是寫inline-block的幾個比較奇特的用法。實現div寬度根據內容自適應我們知道div是區塊層級元素,假如我們不設定寬度,那麼div的寬度預設是100%;問:要想div寬度根據內容自適應怎麼辦?請看下面代碼:<div class="parent"> <div
Time of Update: 2017-01-13
1、display:inline-block讓一個元素具有“區塊元素”的屬性(可以設定width和height),又具有“內嵌元素”的屬性(不產生換行)。2、IE中的inline-blockIE6不支援這個屬性,但IE8開始支援這個屬性。讓IE6內嵌元素具備inline-block特性由於inline-block會觸發IE的layout,所以IE6中只要設定{display:inline-block;}即可。讓IE6區塊元素具備inline-blo
Time of Update: 2017-01-13
用CSS設定select的height和line-height,在有的Android版本中無效,不過可以通過添加"-webkit-appearance:
Time of Update: 2017-01-13
CSS Hack技術,就是利用不同瀏覽器不同版本之間的CSS實現的特性差異,來滿足我們需要的效果:在所有主流瀏覽器上顯示統一的效果,或者為特定瀏覽器顯示特定的效果。眾所周知,如果在一個css樣式選取器中存在兩個名稱相同的屬性,瀏覽器一般會以最後面的屬性為準。<style type="text/css">.css-hack { background-color: red; background-
Time of Update: 2017-01-13
設計頁面的時候遇到一個神奇的問題,下面是html的代碼<body> <div class="homeNav"> <div class="homeCategory "> </div>
Time of Update: 2017-01-13
把瀏覽器的視窗縮小時,拖動捲軸時你會發現原本設定的CSS背景100%平鋪的背景少了一塊,而且視窗越小時,空白越大。解決方案:width:100%;min-width:990px;在width:100%; 後面加個 min-width:**px;
Time of Update: 2017-01-13
div css教程 javascript教程 瀏覽器安全色手冊並不一定全,有的也可能不準確,比如新出的IE8、Chrome等都沒有太多涉及,雖然最近做的一些項目也相容了IE8、Chrome等,但都沒來的及總結進去,後來就忘了...汗。大家一起慢慢完善吧。javascript部分1. document.form.item 問題問題:代碼中存在 document.formName.item("itemName") 這樣的語句,不能在FF下運行解決方案:改用
Time of Update: 2017-01-13
瀏覽器安全色手冊javascript,cssjavascript部分1. document.form.item 問題問題:代碼中存在 document.formName.item("itemName") 這樣的語句,不能在FF下運行解決方案:改用 document.formName.elements["elementName"]2. 集合類對象問題問題:代碼中許多集合類對象取用時使用(),IE能接受,FF不能解決方案:改用 []
Time of Update: 2017-01-13
為了實現一些特殊效果,需要將頁面元素變透明,本文介紹的就是用 CSS 實現 Firefox 和 IE 都支援的 Alpha 透明效果。 代碼如下複製代碼 filter:alpha(opacity=50); /* IE
Time of Update: 2017-01-13
在寫 CSS 的時候,用 background:url(#) 還是會對頁面進行多一次請求的。不過,因為寫多 CSS,一般需要用空背景來解決 bug 的時候,測試結果用 background:url(about:blank) 才是我們想要的:解 bug,不影響效能。那很簡單,解決方案不就不出來?等等,讓我們來做個測試吧。解決方案是:大膽使用 about:blank 來代替空,或者‘#’,特別是在 background-image 中使用 在 img /
Time of Update: 2017-01-13
代碼如下複製代碼 <style>#main{float:left;min-height:500px;}#l{float:left;margin-bottom:10px;margin-right:10px;padding:6px 10px;width:117px;}#r{float:right;margin-right:10px;padding-top:10px;width:864px;overflow:hidden;}</style> <
Time of Update: 2017-01-13
Emmet1有自動添加CSS瀏覽器首碼(vendor prefix)的功能。譬如在Brackets輸入以下CSS(*表示游標位置):div{ bgs*按TAB鍵展開後如下,div{ -webkit-background-size: