盒子模型：例如div元素，可以把它看作是乙個盒子，它有自己的寬和高。而盒子模型是說每個盒子有自己的
width
、height
、padding
、margin
、border
。width
就相當於盒子裡面所裝東西的寬度，
height
就相當於盒子裡面所裝東西的高度，
padding
就是盒子裡所裝的東西和盒子之間的距離，可以想象成盒子裡所裝東西是易碎品，我們用泡沫去填充防止東西破碎，這就是內邊距。
margin
就是盒子與盒子之間的距離。
padding
和margin
的值如果是四個，分別是上右下左，如果是三個，分別是上、左右、下，如果是兩個，分別是上下、左右。行內元素只能設定
padding-left
和padding-right
，設定padding-top
和padding-bottom沒用,
對於行內元素，
margin
也是如此。
border
是指盒子自身的寬度，可以分別設定盒子的上下左右邊框寬度、樣式、顏色，也可以分別設定盒子的上左、上右、下左、下右的邊框弧度
(border-radius)
。父級與子級層級問題：如果父級與子級都不設定定位，父級與子級屬於同一層級；如果父級設定相對定位，子級設定絕對定位，子級在父級上層。如果父級想要父級顯示在上層，則需要調整層級，即設定父級相對定位，子級絕對定位，子級設定z-index：
-1(只要比父級層級低就行
)。這樣就可以讓父級顯示在上層，子級顯示在下層。
z-index
只有在定位的元素中使用才會有效果。
清除浮動的方法：(1)空的
div元素，設定
clear:both
；(2)
父元素設定
overflow:hidden
。應該還有很多清除浮動對的方法吧。因為浮動的元素不佔位，可能會對其他元素產生影響，所以要清除浮動。
定位問題：分別有相對定位、絕對定位、固定定位。相對定位是相對於元素正常出現在頁面中的位置進行定位，元素原本在頁面中的位置仍然被它占有。絕對定位是元素相對於有定位元素的父元素進行定位，如果它的父元素沒有定位，繼續向上進行尋找有定位的父元素。如果沒有找到有定位元素的父元素。就一直到向上尋找到body，相對於
body
進行定位。絕對定位的元素沒有佔位，就好像飄在頁面上一樣，這個和浮動不佔位一樣。
li滑鼠懸停抖動問題：如果滑鼠懸停，要給li加
border
，會增加盒子模型的寬和高，所以我們可以先給
li加上透明的邊框，等到滑鼠懸停時，讓li的
border
的顏色改變，這樣也就不會改變盒子模型，也就不會出現抖動的問題了。
史上最詳細前端安全
前端不需要過硬的網路安全方面的知識,但是能夠了解大多數的網路安全,並且可以進行簡單的防禦前兩三個是需要的 介紹一下常見的安全問題,解決方式,和小的demo,希望大家喜歡 在我看來,前端可以了解並且防禦前4個就可以了 小聲逼逼 大佬當我沒說 cross site scripting 又叫做跨站指令碼攻...
php最簡單最基礎入門筆記
偶然翻到之前剛學php時記錄的筆記，特此分享給大家，希望對初學者有所幫助。php網頁命名不支援中文 isset abc 判斷變數是否被定義 empty abc 判斷變數是否為空 unset abc 取消變數的定義 a b a 123 echo a 同 echo b 常量無 符號，pi 3.14159...
介面特點（最基礎）
介面是一種能力，也是一種規範。只要乙個類繼承了乙個介面，這個類就必須實現這個介面中所有的成員 介面的功能要單一 為了多型。介面不能被例項化。也就是說，介面不能new 不能建立物件 跟抽象類是一樣的，因為建立物件也沒意義。介面中的成員不能加 訪問修飾符 介面中的成員訪問修飾符為public,不能修改。...