原创 僞類:first-child的測試

first-child其實是一個很好的東西,只是IE一直不支持,不知道是出於什麼考慮的,有點無聊。  還記得極遙遠的時候,這個問題是xiaoming同

原创 DIV佈局之三行三列之高度自適應

寫了幾篇寬度自適應的佈局後,發現很多朋友都對高度自適應十分感興趣,於是整理了一篇貼了大家參考一下: 一般來說一個有好幾列的佈局,每列的內容都是不固定的,或多或少。所以在做佈局的時候一般不會給出每列的定高,但這樣做卻出現了列與列之間的高度

原创 形如p+p的有趣現象

把例子擺出來先,在非ie瀏覽器中打開後,能看到例子效果:  [演示地址:http://www.doyoe.com/model/xhtmlcss/style/pp.htm]  <!DOCTYPE html PUBLIC "-//W3C//

原创 簡單寫了個時下比較流行的tabStrip

      時下網上非常流行那種tabStrip的效果,只要不濫用,確實可以爲網站增色不少。       就我個人來講,也覺得這是一個非常好的技術:      ①讓頁面更美觀,結構更緊湊;      ②效果更吸引人;      ③最重要

原创 AccessKey在web的作用性

AccessKey是一個非常有意思的東東,不過在web中會去使用AccessKey的人應該不多。因爲長久以來就只有少部分人會用它在web中定義快捷鍵,而瀏覽者在潛移默化之下也都習慣了“蹂躪”鼠標;瀏覽者一習慣了點鼠標,在web用Acces

原创 用BDO改變文本流方向控制閱讀順序

由於各個國家在閱讀順序上可能存在差異,所以有的時候需要能夠控制文本的書寫方向,或由左到右,或由右到左。 這時我們就可以用BDO這個東東來搞定對文本流方向的控制,要注意的是BDO元素將關閉雙向法則並控制閱讀順序,當你使用BDO元素時必需附

原创 zIndex的幾個小小的問題(一)

zIndex在實際應用中很是實用。不過也有些問題需要注意,很容易把頭都搞大。 當然,其實說什麼都是沒用滴,先用zIndex做個效果看看再說,首先得知道它都可以勝任哪些東東,這是比較重要的。 比如要做一個下面的撲克牌堆疊的效果,這是非常簡

原创 TabIndex是幹什麼滴

TabIndex就是按Tab鍵有順序的獲取定義過的TabIndex元素設置在各個元素之間的焦點。 做過表單或者填寫過表單的人都會發現,使用Tab鍵可以逐一獲得每個input的焦點。這個東東其實也是可以修改的,比如不想被獲取,或者改變被獲取

原创 CSS僞對象搞定首字下沉

用過word,看過報紙的朋友,是不是對它們的首字下沉效果很感興趣? 有的時候適當的在web中使用些首字下沉的效果,能爲你的web增色不少。 通過僞對象:first-letter可以搞定這個效果: [演示地址:http://www.doy

原创 一個有意思的字母逐漸增大效果

今天逛CSDN的時候,無意間看到挺有意思的字母逐漸增大的效果(個人覺得比較好玩)。整理了一下,拿給大家也看看。 記得以前只是用循環寫過這樣的效果,由於很少會用到,沒去仔細研究過。今天偶然見到,還是覺得蠻好玩滴。 [演示地址:http://

原创 合併圖片,用CSS切割以減少圖片請求次數

      爲了加快頁面訪問速度,我們可能會想到多種可行的辦法:如提升硬性條件方面的性能、減少HTTP請求次數,使用Cache,合併文件(aoao總結的把js和css合併成一個文件非常好玩)等等。       這裏主要講一下如何節省圖片

原创 zIndex的幾個小小的問題(二)

這些文字是對上篇文章的一點補充,沒有什麼需要特別說明的,只是把一些“概念常識”整理一下。 仍然先做一個和上篇文章中紙牌式的效果或仍沿用那個效果: [演示地址:http://www.doyoe.com/model/xhtmlcss/st

原创 單行文本溢出處理補遺

      貌似讓文本長度隨容器寬度變化而發生不同的截取效果也蠻有趣的,這在做彈性佈局時很有用。       當然做這個東東沒有什麼技術含量在裏面,不過覺得有點意思,同時好久沒Blog一下了...       [演示地址:http://w

原创 總結基本Tags在XHTML1.0各DTD的校檢數據

今天花了點時間將一些基本的Tags符合哪些XHTML 1.0 DTD的數據總結了一下。 由於只是個人的經驗總結,難免會出現各種錯誤,希望各位達人指正。 這裏只給出對Strict級別的測試地址: [http://www.doyoe.com/

原创 截斷單行的溢出文本

     貌似好久以前寫過了,找了半天不到!- -       很多時候文本的溢出會讓我們的的頁面變得很怪異,不處理又非常彆扭,閒得無聊的時候會寫段程