原创 JS獲取各種高度寬度、瀏覽器窗口滾動條的位置、元素的幾何尺寸

JS獲取各種高度寬度:瀏覽器窗口滾動條的位置、元素的幾何尺寸 1)關於 pageX, clienX,offsetX,layerX  pageX:鼠標在頁面上的位置,從頁面左上角開始,即是以頁面爲參考點,不隨滑動條移動而變化 c

原创 ul中的li橫排問題

ul中的li橫排距中問題 ul中的li橫排相信大家都能做到,但是如果li不設寬度,不加浮動,還必須水平距中,相信就有點難度了吧。 li都不設寬度,如何讓ul中的li橫排距中顯示呢? 關鍵就在塊的顯示方式 li默認是塊級元素,此元素前後會

原创 行內塊級元素的兼容性

display:inline-block;  將對象呈遞爲內聯元素,與其它的元素同處一行,但是內部又呈現出塊級元素,也就是可以設置寬和度,打破了塊級元素和內聯元素的區別,此屬性,IE8,FF3,其它的標準瀏覽器都識別,IE6,IE7,FF

原创 IE6浮動雙邊距

什麼是雙邊距? 當我們編輯塊級元素的浮動樣式時,原本設置的外邊距會在IE6(360、兼容模式)下雙倍顯示。 如下代碼: .b{ float:left; margin:0 20px; width:500px; height:200

原创 如何實現背景透明,文字不透明,兼容所有瀏覽器?

重點內容入口: IE6和部分IE7內核的瀏覽器會讀懂rgbaIE專屬濾鏡 filter:Alpha的兼容處理背景透明,文字不透明全兼容方案測試瀏覽器: VirtIE6、虛擬機下XP的IE6、純正IE8、純正IE8下QQ瀏覽器、WIN7下的

原创 準確理解CSS clear:left/right的含義及實際用途

準確理解CSS clear:left/right的含義及實際用途 by zhangxinxu fromhttp://www.zhangxinxu.com 本文地址:http://www.zhangxinxu.com/wordpress

原创 li列表設置了行高,但每行後面都有4px的空白間隙

相信大家經常用到ul li來製作信息列表,今天有一個同事問我一個這樣的問題”li列表設置了行高,但每行後面都有4px的空白間隙“。n年前,我也曾遇到過這樣的問題,今天就把它記錄下來吧。 ul li{ clear:both; overf

原创 使用icomoon製作icon字體

icon字體的好處自不必多說,相信好處大家都用了便都知道滴!下面我就具休說下,用icomoon製作icon字體的情況。https://icomoon.io/#home網站上提供了很好免費的字體庫,很方便的。讓我們一起來製作所屬自己的字體吧

原创 CSS3 選擇器——屬性選擇器

出處:http://www.w3cplus.com/css3/attribute-selectors 上一切在《CSS3選擇器——基本選擇器》中主要介紹了CSS3選擇器的第一部分,這節主要和大家一起來學習CSS3選擇器的第二部分——屬性選

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

CSS的選擇器,我想大家並不會陌生吧,因爲天天在使用,但對於CSS3的選擇器,要運用的靈活到位,我想對很多朋友還是一定的難度,特別是CSS3中的:nth選擇器。那麼從現在開始我們先丟開他們版本的區別,從頭一起來看看CSS選擇器的運用。 C

原创 css ie6,ie7,ie8 兼容性寫法,CSS hack寫法

margin-bottom:40px; /*ff的屬性*/ margin-bottom:140px\9; /* IE6/7/8的屬性 */ color:red\0; /* IE8支持 */ *m

原创 div拖拽時取消文字選中默認事件的解決方法

當我們對div進行拖 拽時,會發現把div裏的文字也選中了,其實我並不想選中文字 ,怎麼解決呢? 我們分兩種情況說,一種情況是直接給對象加事件如obj.onmousedown; 另外一種是爲對象綁定事件addEventListener。

原创 標籤for屬性的使用

<label>標籤for屬性的使用 定義和用法 for 屬性規定 label 與哪個表單元素綁定。 隱式和顯式的聯繫 標記通常以下面兩種方式中的一種來和表單控件相聯繫:將表單控件作爲標記標籤的內容,這樣的就是隱式形式,或者爲 <label

原创 CSS 相對/絕對(relative/absolute)定位系列(二)

by zhangxinxu from http://www.zhangxinxu.com本文地址:http://www.zhangxinxu.com/wordpress/?p=1330 一、常見absolute佈局的替代實現方案

原创 CSS 相對/絕對(relative/absolute)定位系列(三)

by zhangxinxu from http://www.zhangxinxu.com本文地址:http://www.zhangxinxu.com/wordpress/?p=1528 一、absolute正業之元素隱藏 元素隱