前端學習開發筆記第五天

2021-08-20 21:11:54 字數 941 閱讀 9188

1、企業開發中,一般使用padding來設定巢狀標籤之間的布局,margin屬性一般用於兄弟標籤之間。

2、企業開發中,一般使用margin:0 auto;將本標籤在父標籤中設定為水平居中,而上下居中無法利用auto元素。

3、企業開發中,一般使用*將標籤的缺省內外邊距設定為0以免他們影響自己的布局。

4、企業開發中,*選擇器會遍歷所有標籤,效能並不好,可以找替換方案

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td
5、行高line-height和盒子的高度height不是同乙個概念

6、預設情況下,文字在行高中垂直居中。

7、企業開發中,一般使用讓line-height和height中設定為同乙個值使單行文字在盒子中垂直居中。

8、企業開發中,一般使用padding-top和padding-bottom和box-sizing:讓多行文字在盒子中居中

多行文字垂直居中補充:

多行文字垂直居中要訣

1、多行文字應該包裹在p標籤或者span標籤中(其他標籤也可以),不要裸奔

2、包含多行文字的標籤應該的display應該設定為inline-block,vertical-align應該設定為middle,font-size設定為合適的值(這個必須設定,若不設定,文字無法顯示)。

3、父標籤(一般為容器標籤,比如div)有乙個關鍵設定,font-size設定為0

4、父標籤加乙個:before偽類設定(這是整個的關鍵)display應該設定為inline-block,vertical-align應該設定為middle,width設定為0,height設定為100%,content設定為空

前端學習第五天

用到方法 相對定位position relative 絕對定位position absolute 記憶 兩個中,left和top是一相對於二中經常用到的,達到重疊的效果 頁面結構 樣式修飾 溢位隱藏轉為滾動 overflow scroll scroll 滾動條 溢位隱藏自動換行 overflow a...

前端學習 第五天

第五天知識總結 一 選擇符的權重 id class 標籤 四個數字表示權重 內聯樣式表 1000 id 100 class 10 標籤 1 偽類選擇符 10 萬用字元 0 包含選擇符的權重為權重之和 eg box div 100 1 101 wrap con p 10 10 1 21 群組選擇符的權...

第五天(學習筆記)

1.什麼是字典 dict.以 表示,沒一項用逗號隔開,內部元素用key value的形式來儲存資料.查詢的效率非常高,通過key來查詢元素 內部使用key來計算乙個記憶體位址 暫時 hash演算法.key必須是不可變的資料型別 key 必須是可雜湊的資料型別 可雜湊就是不可變 2.字典的增刪改查 1...