css學習的第七天第八天

2021-10-04 15:29:33 字數 1621 閱讀 6271

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...