原创 詳解CSS優先級規則的級別與細節

 一直對Css優先級有些模糊,今天查資料然後又鞏固了一下! 參考資料: 1.http://cssshare.com/1/cssyou-xian-ji-xiang-jie 2.http://www.blueidea.com/tech/web/

原创 使用HTML5、CSS3和jQuery增強網站用戶體驗

 記得幾年前如果你需要添加一些互動元素到你的網站中用來改善用戶體驗?是不是立刻就想到了flash實現?這彷佛年代久遠的事了。使用現在最流行的Web技術HTML5,CSS3和jQuery,同樣也可以實現類似的用戶體驗。而且使用這些特性將會比使

原创 javascript關閉窗口(兼容firefox,IE)

javascript關閉窗口,可以用下面簡單的代碼:  顯示代碼 打印 1 <a href="javascript:self.close()">關閉窗口</a>    

原创 IE常見Bug

 今天蒐集了一些關於IEbug的資料!整理一些!前端工程師必須過的一關就是兼容了!(個人認爲)! 1.IE的條件判斷 http://css-tricks.com/132-how-to-create-an-ie-only-stylesheet

原创 css導航-臺階式導航分析及解決

  如果你在創建css菜單時出現上述情況,那麼我建議你認真閱讀下,或許偶然你解決了,但是你並不知道問題的關鍵,是什麼原因導致這樣呢。如果你沒有遇到過,那麼你更應該仔細閱讀下,因爲很可能你馬上就會遇到。下面我們一起來分析下。 html代碼如

原创 css新聞列表優化-突破思維新方法更利於搜索引擎

 效果圖如下: 也許你會認爲這個是很簡單的,呵呵那是因爲一般寫這個列表的時候用的都是時間寫在前面,標題寫在後面,那樣對於顯示來說是先有時間後有標題的,對搜索引擎不是很友好。 老方法大概是這樣的: html代碼: <li><span>201

原创 css 超出文字顯示省略號

 平時我們在做新聞列表(或者一行文字過多,又不想麻煩後臺給我們切字數同時超出的顯示省略號),我們就要自食其力,靠我們的神奇CSS來解決問題。 看上圖,我們就要達到這種效果,超出範圍的字數顯示省略號。 HTML <ul > <li>1

原创 css 圖文混排2-圖文左右交替

  查看demo html代碼如下: <div class="events_item"> <img src="images/pic19.jpg" /> <div class="events_intro"> <h3>Name

原创 CSS兼容整理-1

 前端首先要過兼容這一關!所以最近要整理一下關於兼容的問題!以備後用!(部分剽竊,不正確之處我會指出,當然我也會有錯誤,希望大家指出!) 1.居住問題 1).垂直居中.將 line-height 設置爲 當前 div 相同的高度, 再通過

原创 css 圖文混排3-圖文左右交替

 今天看雅虎的文章時,發現右邊圖文混排的CSS寫的有一個小技巧!在此收錄一下! 效果圖:   html: <div class="box"> <div class="head"><h3>熱門點播</h3></div> <div cl

原创 css混排3-左右交替2

 效果圖如下:(這篇文章與上一篇css 圖文混排2-圖文左右交替有異曲同工之妙,可技巧卻不是一樣呵呵) 查看demo html代碼如下:   <div class="center"> <div class="timeslot">

原创 我的友情鏈接

51CTO博客開發一隻博客暫時沒有信息leyton的記錄前端開發

原创 讓你的瀏覽器1秒鐘變記事本

OK,進入主題,這裏要與大家分享一個將你的瀏覽器窗口變成記事本的技巧,當然你的瀏覽器不能太原始,我這裏使用的是Google Chrome 24。而且這個功能在某些手機瀏覽器上也能實現。 在你的瀏覽器地址欄輸入以下內容: data:text/