• 從實際使用分析CSS引用方式的異同2013-04-07閑來無事,翻看各個門戶網站的代碼。發現在引用CSS的方式上存在很大的區別,主要表現為使用 import、link以及在當前頁面插入。就我個人而言,一般只用到link方式,所以看到超級大站用其他兩種方式不免想要探個究竟,多么可貴的學習精神……淘寶網用的是import方式,代碼如下:<..【閱讀全文】
  • 收集的CSS瀏覽器兼容問題大全(轉載)2013-04-07CSS技巧1.div的垂直居中問題vertical-align:middle; 將行距增加到和整個DIV一樣高 line-height:200px; 然后插入文字,就垂直居中了。 缺點是要控制內容不要換行2. margin加倍的問題設置為float的div在ie下設置的margin會加倍。這是一個ie6都存在的bug。 解決方案是在這個div里面加..【閱讀全文】
  • CSS中強大的EM,css的em屬性學習全攻略2013-04-07使用CSS也好久了,但一直都是在使用“px”來設置Web元素的相關屬性,未敢使用“em”。主要原因是,對其并不什么了解,只知道一點概念性的東西,前段時間在項目中要求使用“em”作為單位設置元素,所以從頭對“em”學習了一回。稍為有一點理解,今天特意整理了一份博文與大家一起分..【閱讀全文】
  • 怎樣用css實現圖片垂直居中(兼容IE6/IE7)2013-03-26優劣對比:1.利用table-cell實現居中,font-size做兼容兼容IE6+/FF/Chrome優點:不添加任何多余標簽,兼容主流瀏覽器缺點:需要計算處理font-size2.利用line-height實現居中兼容IE7+/FF/Chrome優點:不需要任何hack,兼容IE7+主流瀏覽器缺點:此方法不兼容IE6,當然也可以用方法1..【閱讀全文】
  • Foundation的sass版本2013-03-261什么是sass? sass是css預處理器的一種,我們也聽說過less,less與sass的最大區別就是,less是基于JavaScript,所以,是在客戶端處理的,Sass是基于Ruby的,所以是在服務器端處理的。 2什么是ruby? 想要支持sass,那必然要先安裝ruby環境,自然先要搞清什么是ruby,不過,我在這..【閱讀全文】
  • css基礎:一張圖片做導航2013-03-26<html xmlns="/upload/201303/2013326112236t91.png) no-repeat 0 0;}#mini_nav li {width:65px; height:38px; float:left;}#mini_nav li a {display:block; width:65px; height:38px; padding-top:40px; overflow:hidden;}#mini_nav li a:hover {background:url(nav.png)..【閱讀全文】
  • 【css】淺談inline-block 屬性2013-03-26如今有很多網站都用上了 inline-block 屬性,比如 {display:inline-block; *display:inline; *zoom:1},以上 css 代碼隨處可見。很多人看見 *display:inline; *zoom:1 就下意識的認為:哦,原來 inline-block 這個屬性 ie6 和 ie7 不支持。那么 ie6,7 真的不支持 display:inline-b..【閱讀全文】
  • HTML+CSS布局小節2013-03-26好久沒有更新了,學習也一直停頓著。今天看到同學的一句博客“你的高度決定你的視線,長得不高不是你的錯,但是站的不高就是你的錯了。”廢話少說,開始學習:這幾天一直在研究HTML+CSS布局。并沒有把所有的布局都弄明白,只學了一點常用的css控制屬性;先上圖看看吧。..【閱讀全文】
  • CSS讀書筆記(一)2013-03-26這是開通blog后的第一篇隨筆,爭取養成勤于記錄的好習慣,進入正文,精通CSS 高級Web標準解決方案(第二版)自認為是一本非常不錯的css教程,借同事的已經讀過幾遍,每一遍都會有新的收獲。1.子選擇器、相鄰同胞選擇器 IE7以及更高版本的IE,FF,Chrome等瀏覽器都支持這兩個選擇器..【閱讀全文】
  • CSS讀書筆記(二)2013-03-26瀏覽器常見bug以及修復。1.雙外邊距浮動bug 最常見的bug是IE 6和更低版本中的雙邊距浮動bug,這個bug使任何浮動元素上的外邊距加倍。 修復:display:inline2. 3像素文本偏移bug IE5和IE6上的bug,當文本與一個浮動元素相鄰時,這個bug就會表現出來。例如將一個元素向左浮動,..【閱讀全文】
  • CSS:不規則圖片 瀑布流原理2013-03-20在項目中遇到了不規則圖片墻的布局問題 分析原理如下:1.img display: block; 解決3px img標簽bug2.img 設置height 和width 不然會出現 下面的圖片如果先加載上面的圖片再加載時 會推動圖片向下移動3.父div position: relative; 讓圖片價格可以相對絕對定位4.子span position: abs..【閱讀全文】
  • 純CSS制作帶三角(border篇)2013-03-20.arrow-up { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; _border-left: 5px solid white; _border-right: 5px solid white; border-bottom: 5px solid black; overflow:hidden;}.arrow-down { width: 0; height: 0; border-..【閱讀全文】
  • 流行瀏覽器內核分類及樣式區別2013-03-18一、流行瀏覽器內核分類1、Trident內核,代表產品IE。Trident(又稱為MSHTML),是微軟開發的一種排版引擎。Trident只能用于Windwos平臺。 2、Gecko內核,代表作品Mozilla Firefox。Gecko是一套開放源代碼的、以C++編寫的網頁排版引擎。它的最大優勢是跨平臺,能在Microsoft Wind..【閱讀全文】
  • clientWidth clientHeight scrollWidth scrollHeight offsetWidth offsetHieght的區別2013-03-14clientWidth:元素內容區的寬度加上左右padding的值,如果有滾動條,不包括滾動條的寬度clientHieght: 元素內容區的高度加上上下padding的值,如果有滾動條,不包括滾動條的高度clientLeft:元素左邊框的寬度,如果沒有邊框,就是0clientTop:元素上邊框的寬度,如果沒有邊框,就是0 ..【閱讀全文】
  • CSS濾鏡兼容瀏覽器的實例2013-03-14 CSS代碼.test{ background:#000; color:white; width:200px; position:absolute; left:10px; top:10px; filter: Alpha(opacity=10); -moz-opacity:.1; opacity:0.1; } 這里關鍵的是CSS代碼filter: Alpha(opacity=10); -moz-opacity:.1; ..【閱讀全文】
  • 10個獲取免費網頁背景紋理的最佳網站2013-03-121. Din Pattern創建這個網站的是 Evan Eckard,他開始只是作為一種業余愛好,后來變得越來越專業。 2. Squidfingers這些紋理由具有多年經驗的專業平面設計師設計,非常的精美,可以免費下載使用。 3. Kaliber 10000幾年前,這可能是最好的設計網站之一,但如今在設計方面被 Kalibe..【閱讀全文】
  • css實現不規則圖形2013-03-12閑著沒事,逛了下googlepaly網站 看著他們的tabs選項卡樣式竟然用的不是圖片,而是css實現的斜邊,沒事簡單說了一下自己理解的其中的原理1,理解border的原理查看樣式style部分border-bottom:24px solid #F00; border-right:24px solid transparent; border-top:24px solid #F00; ..【閱讀全文】
  • 重置瀏覽器默認樣式2013-03-12瀏覽器內置了很多元素的默認樣式,例如超鏈接的藍色帶下劃線的文字樣式。h1元素同樣具有默認樣式,例如外邊距,粗字體,大字號等樣式。糟糕的是,不同瀏覽器有不同的默認樣式。 為更好的控制元素樣式,Eric Meyer提供了一個樣式重置工具,來提高設計師的工作效率。這是一張名為res..【閱讀全文】
  • CSS屬性值記號法2013-03-12CSS屬性值記號法是一種描述如何定義樣式規則的方法,即描述CSS語法的一種方法。例如,定義某元素邊框的樣式規則可用如下記號法(語法)描述。border: [ <border-width> || <border-style> || <border-color> ] | inherit在CSS規范中,對屬性值記號法進行了詳細..【閱讀全文】
  • 獲得css中的計算樣式2013-03-12要獲得css元素中的計算樣式(即經過層疊之后,最終的樣式),支持W3C的瀏覽器可以使用document.defaultView.getComputedSyle方法。該方法接受兩個參數,第一個參數為要獲得樣式的元素,第二個參數為一個偽元素字符串(例如:":after",如果沒有,就置為null)。該方法返回一個S..【閱讀全文】
共 1231 條記錄┊當前頁次:1/62┊20條/頁
首頁上一頁12345下一頁尾頁
鱼丸游戏街机奔驰宝马