BDstudy課後學習問答 Day5 Day6

2021-10-06 08:00:38 字數 1262 閱讀 3173

編碼規範:

成功把這三種寫出來了 還是存在問題

樣式三的**:

margin:0 auto;在不同場景下生效條件如下:

塊級元素:給定要居中的塊級元素的寬度。

行內元素:①設定display:block;②給定要居中的行內元素的寬度。(行內元素設定成塊級元素後可以對其寬高進行設定)

行內塊元素:設定display:block。(如input、button、img等元素,自帶寬度可以不用設定其寬度)注:

②margin:0 auto;可以使盒子居中,text-align:center;可以使此盒子內的內聯元素居中,故有時需要兩者結合使用才能使得盒子及其中文字一起居中。

"parent">

"child">

"clear: both;">

優點:簡單。

缺點:增加了額外的標籤,並且很顯然這並不符合語義化。

*使用 br標籤和其自身的 html屬性,br 有 clear=all | left | right | none;的屬性。

"parent">

"child">

'all'>

優點:簡單**量少,比空標籤語義化稍好。

缺點:同上。

使用::after偽元素(萬金油方法)

ps:由於ie6-7不支援:after,使用`zoom:1觸發haslayout。其實是通過 content 在元素的後面生成了內容為空的塊級元素

**如下

.clearfix:after

.clearfix

優點:結構和語義化完全正確,**量居中。

缺點:復用方式不當會造成**量增加。

父元素設定 overflow:hidden,(ps:在ie6中還需要觸發 haslayout ,例如 zoom:1)

優點:不存在結構和語義化問題,**量極少。

缺點:由於hidden的原因,當內容增多時候容易造成不會自動換行導致內容被隱藏掉,無法顯示需要溢位的元素,還會導致中鍵失效(滑鼠中鍵)。

父元素設定 overflow:auto 屬性

優點:同上

缺點:多個巢狀後,會有bug,詳情看原文。

父元素也浮動

優點:**少

缺點:總不能一直浮動到body吧。

父元素設定display:table

優點:結構語義化完全正確,**量極少。

缺點:會造成盒模型的改變。

BDstudy課後知識問答 day17 day18

可能這周五即6.12號答辯 填寫 答辯相關文件 修改 及ppt if迴圈 switch 不必中斷 switch 塊中的最後乙個 case。塊在此處會自然結束。需要繼續看switch switch中的default 如果不是最後乙個case 需要加break 例子 今天是週末嗎?p weekends ...

前端學習Day5

一.選擇符的權重 id class 標籤 四個數字表示權重 1.內聯樣式表 1000 2.id 100 3.class 10 4.標籤 1 5.偽類選擇符 10 6.萬用字元 0 7.包含選擇符的權重為權重之和 eg box div 權重 100 1 101 wrap con p 權重 10 10 ...

java學習筆記day5

面向過程 強調的是功能行為 物件導向 將功能封裝進物件,強調具備了功能的物件。面向過程 開啟冰箱 儲存進冰箱 關閉冰箱 物件導向 冰箱.開啟 冰箱.儲存 冰箱.關閉 物件導向 3個特徵 封裝 繼承 多型。找物件,建立物件,使用物件。維護物件的關係。類 描述。物件 實體。成員變數和區域性變數 作用範圍...