原创 CSS3 Flexible Boxes display:flex

設計一個網站,佈局可能是最生要的元素之一。當你網站的用戶理解你的佈局和喜歡上你的網站佈局,他們用起來很開心,這樣用戶會在你的站點呆的時間更長,甚至會定期訪問你的網站。我們通過導航能瀏覽一些高質量的內容,但由於網站混亂的設計和完全亂套的佈

原创 淺析AngularJS

什麼是 AngularJS    AngularJS是爲了克服HTML在構建應用上的不足而設計的。HTML是一門很好的爲靜態文本展示設計的聲明式語言,但要構建WEB應用的話它就顯得乏力了。所以我做了一些工作(你也可以覺得是小花招)

原创 一個簡單的html5來回拖放的例子w3c

例子代碼如下: <!doctype html> <html> <head> <meta charset="utf-8"> <title>拖放</title> <style type="text/css"> .container {   

原创 div代碼居中 上下居中 左右居中

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd

原创 筆者總結的一些前端面試筆試試題(僅供參考,如果錯誤,望指教)--1

1.      strict和transitional兩種文檔聲明模式有何區別意義?如何聲明html5? (xhtml的w3c標準規定所有的標籤必須閉合,所有的屬性必須加引號。) strict是嚴格模式,transitional是過度模式

原创 css hack技巧

利用CSS Hack技術方便獨立控制某種瀏覽器的具體樣式,可以有效控制 CSS 在不同瀏覽器的表現,避免撰寫多個 CSS 文件。 CSS Hack大致有3種表現形式,CSS類內部Hack、選擇器Hack以及HTML頭部引用(if IE)

原创 網頁寬度隨顯示器寬度變化而變化

<script type="text/javascript"> $(function(){var w =window.screen.width *0

原创 CSS三欄佈局(兩邊固定中間自適應寬度)的方法

    -   在講這種佈局之前,我還想和大家一起回想一下三列布局中的另一種,就是左右兩列固定、中間自適應寬度。這種佈局方法,網上問問G爸和度娘一定會有一大堆,但我還是要重複說說,方便自己今後查閱,記性太差,沒辦法。別的先不說了,

原创 研究Html中自定義屬性(一)

研究Html中自定義屬性(一) HTML標籤可以自定義屬性,但是我們要考慮其在IE、Firefox以及chrome下的兼容性問題。 例如: <div id="newTest"myAttr="getAttr"></div> 這

原创 筆者總結的一些前端面試筆試試題(僅供參考,如果錯誤,望指教)--2

1.     請用css實現如下效果,圖片在div水平垂直居中顯示。(Div的寬和高都是200px,圖片的寬和高多小於200像素,在正方形容器中水平和垂直居中顯示)Html如下: <div id=”box”> <img src=”123.

原创 jquery ui 代碼重寫(還沒想到更好說法,暫時這麼叫吧)

下面是本人臨摹jquery ui 頁面寫的,這個過程對本人有很大啓發,建議有時間的人,都自己看一遍。 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>css框架<

原创 li列表第二列無法正常顯示問題

筆者前幾天遇到一個比較詭異的問題,用li做的列表,正常情況下沒問題,加上當前狀態的背景也沒問題,除了第一行最後一個li,如圖: 開始以爲是最後一個文檔流沒有斷開,影響了第二行顯示,其實不然,加了當前類的li向上走了,導致下一個li在他下

原创 html常用特殊字符(備用)

html常用特殊字符: 源代碼 顯示結果 描述 &lt; < 小於號或者顯示標記 &gt; > 大於號或者顯示標記 &amp; & 可用於顯示其他字符 &quot; ; 引號 &reg; ® 已註冊 &copy; © 版權 &trade;

原创 什麼是閉包

1.閉包是起函數的作用並且可以向對象一樣操作的對象。

原创 css3 media媒體查詢器用法總結

 隨着響應式設計模型的誕生,Web網站又要發生翻天腹地的改革浪潮,可能有些人會覺得在國內IE6用戶居高不下的情況下,這些新的技術還不會廣泛的蔓延下去,那你就錯了,如今淘寶,凡客,攜程等等公司都已經在大膽的嘗試了這項技術,並完美的應用在了