原创 IE6顯示PNG圖片(img & bg),徹底解決了PNG透明問題

 ie6下png透明是前端的障礙!很多時候都很讓人頭疼,網上什麼解決ie6透明的辦法非常多,但是沒有一個真正解決的很好的,很多都是那種要麼不能用,要麼ie6下png透明過後圖片變形,讓人頭疼的很!以下我在國外站點上找到的,忘記是哪個網站

原创 全局樣式和grid佈局—Bootstrap中文使用指南(2)

源地址:http://www.36ria.com/5230 全局樣式 1.要求html5文檔類型 Bootstrap使用的css屬性和html元素依賴於html5的文檔類型聲明,請確保每個Bootstrap的頁面包含下面的

原创 教你如何把彩色網頁變黑白

4月20日四川雅安地震後,國內各大網站相繼將彩色的網站都變成黑白,以此向地震中離世的同胞表示默哀。這裏教大家一個簡單的方法,讓你的彩色網頁變黑白的方法。 這次我們將以一個現成的網站作爲案例,來教大家如何在短時間內讓網頁變黑白。

原创 響應式網頁設計教程:展示響應式設計的基本原理

響應式網頁設計,毫無疑問地變得越來越重要了。如果你還沒聽說過響應式設計,可以先看看我之前發的文章響應式網站。對新手來說, 響應式設計聽起來可能會有點複雜, 但事實上,它比你想象的簡單得多。爲了讓你能快速入門,我準備了一個簡易的教程。通

原创 css3圓角寫法

前綴例1例2:無邊框書寫順序其它支持性 值:半徑的長度 前綴 -moz(例如 -moz-border-radius)用於Firefox-webkit(例如:-webkit-border-radius)用於Safari和Chrome。

原创 蘋果iOS鎖屏製作

下面我們開始。一、鎖屏界面可以觀察到,iphone的鎖屏界面在時間和解鎖部分有着透明強高光風格的背景,高光部分有非常明顯的界限,邊緣部分1像素的高光也是非常醒目的,整體感覺整個表面非常光滑,如同玻璃般的質感。透明的使用讓整個界面不被硬生生

原创 自適應網頁設計/響應式Web設計

一、”自適應網頁設計”的概念 2010年,Ethan Marcotte提出了“自適應網頁設計”(Responsive Web Design)這個名詞,指可以自動識別屏幕寬度、並做出相應調整的網頁設計。 他製作了一個範例,裏面是《福

原创 用3個步驟實現響應式網頁設計

 寫在前面的話:隨着移動設備的逐漸普及和Web技術的發展,跨端的Web開發需求將會越來越大。如何在多種設備上進行跨端的界面適配呢?我們可以利用CSS3的Media Query來實現。本文主要介紹了移動開發和CSS3結合,來進行多種分辨率適

原创 代碼在線製作工具

1、http://ecd.tencent.com/css3/tools.html   css3動畫在線製作工具 點贊 1 收藏 分享 文章舉報 wangxiaohui6687

原创 定義文檔兼容性,讓IE按指定的版本解析我們的頁面

作爲開發人員,特別是作爲Web的前端開發人員 ,最悲催的莫過於要不斷的,不斷的去調試各種瀏覽器的顯示效果,而這其中最讓人頭痛的莫過於MS下的IE系列瀏覽器,在IE系列中的調試我們將會發現沒有一個是好伺候的,於是不得不學習各種Hack技術

原创 20個2013年最值得關注的網頁設計趨勢

在過去的一年中,我們都看到了網頁設計趨勢在日益增長。或許有些朋友還記得我早些時候的一些文章關於網頁設計,有興趣的可以點擊來查看,現在我們可以看到其中許多想法已經實現了,甚至有些採用了一些更高層次的新奇想法。在今天這篇文章中,我將與大家分

原创 單獨在ie6、7中樣式的寫法

*html .search_box .text_box {margin-top:1px;}/*僅IE6*/ *+html .search_box .text_box {margin-top:0px;}/*僅IE7*/ 點贊

原创 css3 border-radius書寫格式

CSS3 border-radius是什麼? border-radius的含義是:圓角。 CSS3 border-radius的書寫格式: border-radius:apx,比較常見,其中a表示數值,下同; -webkit-b

原创 純css製作三角、圓形按鈕,兼容ie6

原文網址:http://dtop.powereasy.net/Item/3418.aspx 以前一直用圖片做小三角、圓形按鈕等,但有時候實在不太方便,例如換個顏色又要打開ps弄,挺麻煩的。而且對於追求細節和極致的前端工程師來說,能不用

原创 web 框架蒐集

1、http://quick.58img.com/document/demo.html 2、http://flatuicolors.com/  扁平化flat ui 顏色表 點贊 收藏 分享