原创 box-sizing屬性
說到 box-sizing不能不提IE 的一個 bug，IE對盒模型的解析問題，w3c規定的標準模式，盒模型站的空間是由 content + padding+ border+margin相加的來。而在IE的怪異模式下盒模型站的空間是由
2020-02-21 15:36:15
原创 IE6常見bug
1、IE6怪異解析之padding與border算入寬高原因：未加文檔聲明造成非盒模型解析解決方法：加入文檔聲明<!doctype html>2、IE6在塊元素、左右浮動、設定marin時造成margin雙倍（雙邊距）解決方法：displ
2020-02-21 15:36:15
原创 js兼容問題總結
1. document.form.item 問題 問題： 代碼中存在 document.formName.item("itemName") 這樣的語句，不能在FF下運行 解決方法： 改用 docum
2020-02-21 15:36:15
原创 CSS3中-webkit-box的用法
-webkit-box: 1、之前要實現橫列的web佈局，通常就是float或者display：inline-block; 但是都不能做到真正的流體佈局。至少width要自己去算百分比。 2.flexible box 就可以實現真正意
2020-02-21 15:36:05
原创 jquery的checkbox,radio,select等方法總結
jquery的checkbox,radio,select等方法總結，該文章爲我的新博客文章，以後此博客更新頻率會降低，想查看我的最新博客文章請看 http://www.haorooms.com/ jquery的checkbox，ra
2020-02-21 15:36:04
原创 完美解決IE6瀏覽器下不兼容position:fixed固定定位
一般的 position:fixed; 實現方法 以我的博客爲例，在右下角 <div id="top">...</div> 這個 HTML 元素使用的 CSS 代碼如下：#top{ position:fixed; bottom:0;
2018-08-22 06:18:23
原创 css代碼重構與優化
寫CSS的同學們往往會體會到，隨着項目規模的增加，項目中的CSS代碼也會越來越多，如果沒有及時對CSS代碼進行維護，CSS代碼不斷會越來越多。CSS代碼交錯複雜，像一張龐大的蜘蛛網分佈在網站的各個位置，你不知道修改這行代碼會有什
2018-08-22 06:18:23
3
原创 移動端常用佈局（一）
1. 輸入框placeholder樣式 (提示文字可單獨設置字體樣式和大小) /* WebKit browsers */ .login-inp::-webkit-input-placeholder { color: #9e
2018-08-22 06:18:23
2
原创 CSS優先級，優先級計算
原則一： 繼承不如指定 原則二： #id > .class > 標籤選擇符 原則三：越具體越強大 原則四：標籤#id >#id ; 標籤.class > .class CSS優先級權重計算法 CSS優先級包含四個級別（標籤內選擇符，ID選
2018-08-22 06:18:23
原创 移動端常用佈局（二）
1.商品列表佈局 <div class="product-list fl-clr"> <ul class="fl-clr"> <li> <dl> <dt> <img src="images/img-2.jpg">
2018-08-22 06:18:23
原创 文字多行超出省略
方法一： （注意：儘量不要設置高度，測試效果不好） .text_line { width:200px; border: 1px solid black; overflow: hidden; text-overflow: elipsis;
2018-08-22 06:18:23
1
原创 IE6下 position:fixed 兼容問題
IE6不支持position:fixed，這個bug與IE6的雙倍margin和不支持PNG透明等bug一樣臭名昭著。 你是如何讓position:fixed在IE6中工作的？ 本文所使用的技巧是用了一條Internet Explo
2018-08-22 06:18:23
2
原创 關於rem佈局
我們知道，當使用rem佈局，並配合JS動態按照比例設置HTML標籤上的rem值時，整個頁面是按照屏幕的寬度來整體縮放的。 對於高度不限制的頁面（也就是超出一屏頁面可以滾動），這種方案沒有任何問題，簡單暴力。 但是對於一些需要佈滿
2018-08-22 06:18:23
2
原创 HTML 命名規範
1.body元素： -wrap 2.固定元素間隙設置： fix-pd 3.固定定位： fix-top fix-bt 4.彈出層遮罩： black-layer 代碼示例： .black-l
2018-08-22 06:18:23
2
原创 Ajax兼容問題
// 適用於ie7之前的版本 function createXHR(){ if(typeof arguments.callee.activeXString !="string"){ var
2018-08-22 06:18:23
2