Day48~53-JavaScript

標籤：block   ges   play   引用   偽類   div   images   自己   學java   

1 css補充

　　css文法格式, 引用方式, 選取器, 屬性操作

　　偽類

　　盒子模型, 內邊距, 外邊距

　　　　padding會改變元素大小

　　　　margin改變元素位置, 不改變元素大小

　　邊界塌陷問題

　　　　兄弟div的情況, 上下之間的編劇, 最終得到的邊距是兩者中最大的那個, 而不是和

　　　　父子div的情況, 需要將父div撐開, 加上border, padding, margin-top都可以, 也可以用overflow=hidden

　　浮動

　　　　讓元素脫離文檔流, 如果之後是正常的, 就按照正常的文檔流來

　　　　正常的文檔流只要存在了, 相關的位置就被佔領, 浮動就不能觸及, 浮動的位置是下一個文檔流的位置

　　　　

　　　　浮動自己也算是上一層的文檔流, 所以有連續的同樣浮動, 效果和正常文檔流類似, 注意位置和載入的順序息息相關

　　　　浮動層不會相互遮擋, 位置不夠的話會按照浮動層的文檔流位置擺放

　　　　浮動還有一個很大的特性是, 不會隱藏正常文檔流的文本, 而會把他們給擠出去, 這就是建立float的最早的初衷

　　　　

　　清除浮動

　　　　清除臨近的上一個元素的浮動影響, 如果上一個元素不是浮動元素, 那麼就按照正常的浮動操作

　　　　如果是浮動元素, 看它的浮動是不是清除的浮動, 是的話, 就把上一個浮動當做正常文檔流處理 

　　　　

　　關於清除浮動的空div

　　　　寫footer的時候, 為了去除之前的浮動效果, 可以加上一個去除浮動的空div

<div style="clear: both;"></div>

　　　　然而這樣不專業, 可以使用偽類

clearfix:after{    content: "";    display: block;    clear: both;}

　　關於定位

　　　　預設是static, 就是一般的文檔流

　　　　relative: 相對定位, 相對於自己之前的位置的距離, 原來的位置還存在

　　　　absolute: 絕對位置, 相對於帶有定位的祖先元素, 一般的配合是父級標籤設為相對定位(這樣原有標籤的位置不會發生改變), 原有位置不存在了

　　　　fix: 固定定位, 相對於瀏覽器頁面的定位, 固定不動

2 JavaScript

　　查看自學JavaScript教程 　　　　

 

Day48~53-JavaScript