z-index提公升選擇器優先順序。
定位:position:static預設/absolute絕對定位/relative相對定位/fixed固定定位/sticky粘性定位;
讓乙個元素在瀏覽器視窗上下左右居中
1.position:fixed;left:50%;top:50%;margin-left:元素寬的一半;margin-top:元素高的一半;子元素的寬高知道的時候。
2.position:fixed;left:0;right:0;top:0;bottom:0;margin:auto;子元素寬高不確定時。
錨點的應用:a鏈結的位址就是id的名字前面需要加#。
寬高自適應:min-height最小高度
min-height ie6不相容,ie6預設把height解析成最小高度。
如果min-height和height同時出現執行height固定高度。
最小高度的相容設定方法:
1.min-height:300px;_height:300px;
2.min-height:300px;height:auto!important;height:300px;
a:高版本瀏覽器解析順序:
min-height能識別,也能識別!important;所以height:auto;權重最高,height:auto就能把height:300px覆蓋。
b:ie6解析流程:
min-height不能識別,也不能識別!important,後寫的height:300px;能把height:auto覆蓋;
過濾器:
1.下劃線過濾器(ie6過濾器)
語法:_屬性:屬性值;只有ie6能識別帶有下劃線的屬性。
2.!important(ie6不識別)
語法:屬性:屬性值!important;
3.屬性過濾器
當在乙個屬性前面增加了後,該屬性只能被ie7瀏覽器識別,其他瀏覽器忽略該屬性的作用。語法:選擇符
4.\9:ie版本識別;其他瀏覽器不識別。語法:選擇符
5.\0:ie8及以上版本識別;其他瀏覽器不識別。
高度塌陷:
出現的情況:當子元素有浮動,父元素沒有高度的時候,父元素會出現高度塌陷
解決辦法:
1.給出現高度塌陷的元素新增:overflow:hidden;
原理:觸發bfc(因為bfc規定,計算高度浮動元素也參與計算)
弊端:會隱藏因為定位在當前元素外圍的內容。
2.給浮動元素的下方(同級)新增div然後給div設定clear:both;
原理:clear清除浮動帶來的影響,本身就是清除的意思
弊端:會多出乙個div空標籤形成**冗餘。
3.萬能清除法:(clear:left;清除左浮動/clear:right;清除右浮動/clear:both;清除兩邊浮動)
.clear:after
.clear(只針對ie瀏覽器時可以直接寫 省略上面那麼多的複雜屬性)
偽物件選擇符:
1.元素選擇符::after在元素後面以css的形式新增內容(文字)
2.元素選擇符::before在元素前面以css的形式新增內容
3.元素選擇符::first-letter{}控制第乙個字的樣式
4.元素選擇符::first-line{}控制第一行的樣式
第七天學習
練習題 1 以下類定義中哪些是類屬性,哪些是例項屬性?class c num 0 def init self self.x 4 self.y 5 c.count 62 怎麼定義私有 法?3 嘗試執行以下 並解釋錯誤原因 4 按照以下要求定義乙個遊樂園門票的類,並嘗試計算2個 1個小孩平日票價。要求 ...
C 學習第八天
介面 inte ce c 中介面定義的規則 1 介面本身的預設訪問級別為internal,即程式集本身訪問級別 2 介面中方法不能使用任何訪問修飾符 例如 public private internal protected 等修飾。系統自動為其設定為public 3 不能使用virtual修飾 4 ...
JS學習第八天
7.4 for in 使 更加的簡潔 7.5 陣列的應用 1.查詢 a.順序查詢 var a 3,7,11,43,87,5,99,56,82,16 var num number prompt 請輸入要查詢的值 var index 1 最初認為要找的值不在陣列中 for var i in a aler...