原创 IE hasLayout詳解

 IE的haslayout是個很糾結的東西,掌握好CSS就得掌握好它。初學CSS時走了很多彎路,以下幾篇文章在我的學習中起了很大的作用,希望能讓大家受益。 擁有layout概述 Internet Explorer 中有很多奇怪的渲染問題可以

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

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

原创 我的友情鏈接

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

原创 CSS的十八般技巧

  原文作者:Roger Johansson 作者簡介:住在瑞典哥德堡,1994年開始接觸和參與web設計,456 Berea Street是他的住址,因此採用 這個名字作爲他的個人主頁域名 原文出處:www.456bereastreet

原创 css 相對定位 絕對定位 浮動 分析

  CSS 相對定位 相對定位是一個非常容易掌握的概念。如果對一個元素進行相對定位,它將出現在它所在的位置上。然後,可以通過設置垂直或水平位置,讓這個元素“相對於”它的起點進行移動。 如果將 top 設置爲 20px,那麼框將在原位置頂部下

原创 CSS3 選擇器——基本選擇器

 今天記錄一下CSS基本選擇器!   一、通配符選擇器(*) 通配符選擇器是用來選擇所有元素,,也可以選擇某個元素下的所有元素。如: *{ marigin: 0; padding: 0; } 所有瀏覽器支持通配符選擇器。   二、元素選擇器

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

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

原创 haslayout引起的IE6 :hover失效

      <style type="text/css"> 07 a:hover { } 08 a:hover span{color:#F00;} 09 </style>

原创 CSS的十八般技巧

  原文作者:Roger Johansson 作者簡介:住在瑞典哥德堡,1994年開始接觸和參與web設計,456 Berea Street是他的住址,因此採用 這個名字作爲他的個人主頁域名 原文出處:www.456bereastreet

原创 important的扯淡

 前幾天在整理關於@import的一些內容時(這部分的內容將會在本月底發佈在ctrip ued博客中),突然想到!important這個東西似乎現在還是有不少人認爲在IE6中是不支持的。對於這點我是完全不認同的,雖然在很早之前我也是認爲完全

原创 CSS3 選擇器——基本選擇器

 今天記錄一下CSS基本選擇器!   一、通配符選擇器(*) 通配符選擇器是用來選擇所有元素,,也可以選擇某個元素下的所有元素。如: *{ marigin: 0; padding: 0; } 所有瀏覽器支持通配符選擇器。   二、元素選擇器

原创 精通高級CSS選擇器

 今天看了一下CSS選擇器的一些知識,在此做個總結! CSS的重要性大家都知道,但是對一個新手來說對CSS的選擇器的重要性可能沒有給予更多的關注,瞭解CSS選擇器對代碼的簡潔很有幫助。當然其中一些選擇器不被所有瀏覽器所接受,但是我們不能就因

原创 margin摺疊問題

  在這個說明中,“collapsing margins”(摺疊margin)的意思是:2個或以上盒模型之間(關係可以是相鄰或嵌套)相鄰的margin屬性(這之間不能有非空內容、padding區域、border邊框 或使用清除分離方法)結合

原创 css 相對定位 絕對定位 浮動 分析

  CSS 相對定位 相對定位是一個非常容易掌握的概念。如果對一個元素進行相對定位,它將出現在它所在的位置上。然後,可以通過設置垂直或水平位置,讓這個元素“相對於”它的起點進行移動。 如果將 top 設置爲 20px,那麼框將在原位置頂部下

原创 'overflow-x' 和 'overflow-y'

  標準參考 1. 'overflow'、'overflow-x' 和 'overflow-y' 'overflow' 是 CSS 2.1 規範中的特性,而 'overflow-x' 和 'overflow-y' 則是 CSS basic