原创 css 外邊距合併問題
外邊距合併指的是，當兩個垂直外邊距相遇時，它們將形成一個外邊距。 合併後的外邊距的高度等於兩個發生合併的外邊距的高度中的較大者。 外邊距合併 外邊距合併（疊加）是一個相當簡單的概念。但是，在實踐中對網頁進行佈局時，它會造成許
2018-09-04 04:54:46
原创 margin，padding，top，left，transform：translate（10%，10%）等使用百分比的時候參造物的問題
1.margin，padding 使用百分比時候參照物的問題 （1）父元素直接規定了寬度，高度。 #right { width: 600px; height: 300px; posi
2018-09-04 04:54:46
原创 css 長單詞不換行溢出容器的解決方法 word-wrap與word-break
這兩個東西是什麼，我相信至今還有很多人搞不清，只會死記硬背的寫一個word-wrap:break-word;word-break:break-all;這樣的東西來強制斷句，又或者是因爲這兩個東西實在是太拗口了，長得又差不多，導致連背都很難
2018-09-04 04:54:46
原创 父元素高度爲auto：子元素使用top：-50%沒有效果的問題
當爲父元素設定了height：auto的時候，子元素設置position：relative top：50%沒有效果的問題 代碼如下：<!DOCTPYE html> <html> <head> <meta content="text
2018-09-04 04:54:46
原创 元素的水平居中，垂直居中以及同時水平，垂直居中方法
一.元素的水平居中： 1,文本的水平居中：text-align：cente <span style="color:#000000;">div.txtCenter{ text-align:center; border:1px s
2018-09-04 04:54:46
3
原创 爲何img、input等內聯元素可以設置寬、高
原則上來說：內聯元素是不能設置高度寬度的，如果要設置就需設置 display:block等，但是img input等內聯元素卻可以設置height width 元素是文檔結構的基礎，在CSS中，每個元素生成了一個包含了元素內容的框（box
2018-09-04 04:54:45
原创 css中可繼承屬性與不可繼承屬性
不可繼承的：display、margin、border、padding、background、height、min-height、max-height、width、min-width、max-width、overflow、positio
2018-09-04 04:54:45
原创 js array.length 問題
當你的js裏面array 儲存的數組下標不是 0,1,2,3,4 的時候 用array.length的值一直都爲0 當你的下標爲 0.1,2,3,4 的時候，它的array.length可以使用並且隨着增加而增加，不再顯示爲零
2018-09-04 04:54:45
原创 css 當用id選擇器與 class 選擇器選擇同一目標但是應用不同修飾時的選擇問題
爲同一個p元素設置id爲intro與class爲bb，對他們進行不同顏色設置，結果應用了針對id設置時顯示的顏色 <html> <head> <style type="text/css">p{color:red} #intro {colo
2018-09-04 04:54:45
3
原创 css：position 與 z-index 問題（1）
你對CSS中的position定位和z-index屬性的用法是否瞭解，position屬性中static、absolute、relative三個參數，這裏和大家分享一下其用法。 深入理解CSS中的position定位和z-index屬性
2018-09-04 04:54:45
原创 css： position 與 z-index 問題（2）
多次在項目中遇到html頁面元素的非期待重疊錯誤，多數還是position定位情況下z-index的問題。其實每次解決類似問題思路大致都是一樣的，說到底還是對z-index的理解比較模糊，可以解決問題卻不大瞭解其原因，導致重複出錯....
2018-09-04 04:54:44
2
原创 步驟比較細緻的 聖盃佈局說明
聖盃佈局的實現過程 聖盃佈局和雙飛翼佈局，他們的都要求三列布局，中間寬度自適應，兩邊定寬，這樣做的優勢是重要的東西放在文檔流前面可以優先渲染，而雙飛翼佈局是對聖盃佈局的一種改良，下一篇文章會講到。 聖盃佈局：用到浮動、負邊距、相對定
2018-09-04 04:54:44
原创 jQuery $.proxy
JQuery.proxy(function,context): 使用context代替function中的context。 比如： var you = { type: "person", test: function(event)
2018-09-04 04:54:44
2
原创 overflow ：hidden 和 clear：both 與 clearfix撐起高度坍塌的父元素應用
overflow ：hidden 和 clear：both防止父元素塌陷的應用 二者都可以應用於清除浮動，將包含有float元素的高度坍塌的父元素高度撐起來； （1）overflow：hidden： 只要在父元素裏面設置：overflow
2018-09-04 04:54:44
2
原创 JQ addback( ) 與 end （ ） 區別
addback （） 返回當前的元素與先前的元素的集合 end（ ） 只返回鏈式結構中先前的元素。 例子：addback（）： 考慮一個頁面，一個簡單的列表就可以了： 1 2 3 4 5 6 7 <ul> <li>list ite
2018-09-04 04:54:42