原创 入門CSS框架960Grid的最佳教程

閒言少敘,廢話不說,直入正題: 1、什麼是CSS框架?     CSS框架是一種你能夠使用在你的web項目中概念上的結構,是別人已經寫完的,而且很完善的CSS定義集合。CSS框架一般是CSS文件的集合,包括基本風格的字體排版,表單

原创 爲什麼body{font-size: 62.5%;}

在網頁設計中我們經常看見body{font-size: 62.5%;}這樣的設置,爲什麼偏偏是62.5%呢?這主要是爲了方便em與px相互轉換,em的初始值爲1em=16px,顯然這樣的話,如1.2em則=19.2px,可是我們在設置的

原创 瀏覽器兼容性剖析

所謂的瀏覽器兼容性問題,是指因爲不同的瀏覽器對同一段代碼有不同的解析,造成頁面顯示效果不統一的情況。在大多數情況下,我們的需求是,無論用戶用什麼瀏覽器來查看我們的網站或者登陸我們的系統,都應該是統一的顯示

原创 FitVids.JS —— 讓視頻響應屏幕尺寸變化

測試有效: Fitvids.js 是個輕量級,易於使用的 jQuery 插件,用來在網頁上播放指定寬度的嵌入視頻。Fitvides.js 會自動通過 Thierry Koblentz 的 Intrinsic Ration 方法來在你的響應

原创 css hack 全套

.all IE{property:value\9;} .gte IE 8{property:value\0;} .lte IE 7{*property:value;} .IE 8/9{property:value\0;} .IE 9{pr

原创 CSS中關於clearfix對float的使用

CSS中關於clearfix對float的使用 使用float時出現的問題 一個非常常見的CSS問題,定位使用浮動的時候,下面的層被浮動的層所覆蓋,或者層裏嵌套的子層超出了外層的範圍。 這是一個浮動在紅框的層中的一個層 sty

原创 xHTML究竟有多少個標籤?塊級和內聯元素的劃分。

xHTML究竟有多少個標籤? xHTML究竟有多少個標籤?絕大部分人都不能得出一個正確的答案,現在就有個機會,自己數數。答案:91個,哈哈,被你找到了~ a, abbr, b, base, body, br, dd, div, dl,

原创 css沒有閉合括號,就會出現頁面無故錯位

css沒有閉合括號,就會出現頁面無故錯位

原创 overflow:scroll;在ie和ff中的不同表現

今天無聊,以前只是知道高寬對行內元素無效,想驗證margin和padding對它有木有效……結果是肯定的。可能不管是行內還是塊級元素都離不開盒子模型把(個人才疏學淺,表述和理解難免有錯誤,但是姑且先記下來吧,便於日後總結) 然後看到又這

原创 utf-8和改版312編碼的問題

今天替別人改頁面,他是下載的fancybox封裝好的jq特效,裏面的一些文件編碼和editplus默認的utf-8不同而導致亂碼,百度了一下,批量的將編碼統一修改爲utf-8 然後,然後就沒有然後了。mark一下

原创 學習筆記

基本功不紮實………………做圖片邊框時,img:hover定義了圖片鼠標上移時的樣式,沒有記得在此之前定義img的邊框樣式,,,,,,,最後無論怎麼修改相關的padding也好,margin也好,鼠標上移時

原创 margin只能應用block元素... 難怪……

 想讓每個盒子間有10px空隙 <span class="top mT10"></span>中的mT10爲什麼每次都不起作用,除非改爲div <div class="top mT10"></div> mT10代表margin-top:10