做京東頁面遇到的問題總結

2022-09-03 09:09:07 字數 1762 閱讀 4825

1.1 京東階段

1.1.1 meta標籤

meta 標籤的作用是

搜尋引擎優化

1.1.2 京東專案目錄

**實際開發中的標準目錄結構

1.1.3字型圖示

阿里巴巴向量圖示庫

使用字型圖示首先要引入css檔案

1.1.4定位問題

子絕不一定父相

只要父元素不是static 以外的

其他定位

,子元素都會按照父元素來定位

top 、left、bottom、right同時出現 以top 和left 為準

定位之後,不寫left屬性,預設的地方會出現的padding和a鏈結中的文字之後。

絕對定位的元素,在top,right,bottom,left屬性未設定時,會緊隨在其前面的兄弟元素之後,但在位置上不影響常規流中的任何元素。

預設情況下relative的層級高於absolute的層級

z-index 只有和

定位配合使用才會生效

絕對定位的塊元素居中顯示,首先left:50%,向右走父盒子的一半,

然後再使用margin-left: 負值;  向左走自身的一半。

1.1.5常見問題

rgba  和 rgb的區別

opacity: 0.5;   他可以讓盒子半透明。(缺點:就是內容跟著一起半透明

)font合寫:

font: font-style font-variant font-weight font-size/line-height font-family

font: 風格 變形 加粗 字型大小/行高 字型系列

風格變形

加粗可以按照任意順序書寫

如果是normal可以不寫

但是字型大小 / 行高 字型系列 必須寫而且順序必須按照要求

1.1.6清除浮動

原因:父盒子高度為0,子盒子不佔位置。

清除浮動目的:讓父盒子有高度。

清除浮動不是不浮動,是清除浮動產生的不利影響。

小細節不管兩個盒子之間的關係是什麼。只要不是父子關係。他們相互都會受到浮動的影響。

解決方法:讓子盒子,浮動的子盒子,

不要超出父盒子

。1.1.7行內元素

行內元--span ,strong ,a  ,del,  ins

行內--img  , input

塊元素--div ,p,h1-h6,li

1.1.8繼承性

行高是可以繼承的

寬度是可以繼承的

1.1.9標籤包含規範

行內元素盡量裡面包含行內元素

不推薦不推薦不推薦:   標題

標題標籤,段落標籤不能包含div

尤其是p標籤不能包含div

規避脫標流:

標準流可以解決的用標準流,標準流解決不了的用浮動,浮動解決不了用定位

1.2.0盒子塌陷

巢狀的盒子垂直方向外邊距的塌陷

★解決外邊距塌陷

☆給父盒子設定border

☆給父盒子使用overflow:hidden;  觸發bfc

◆垂直方向外邊距的合併

並列關係的兩個盒子,給上邊的盒子設定底外邊距,給下邊的盒子設定頂外邊距,2個盒子的距離,取的是設定比較大的外邊距的值。一正一負取2者之和

小細節:

margin:0 auto 只能讓在標準流的盒子居中

margin負值的情況下。反方向移動盒子

做HTML靜態頁面時遇到的問題總結

如果所示,問題 首頁 和 閒置 文字部分位於table中部 解決方法 需要取消vertical align middle屬性,將其設定為vertical align top,並將文字的高度改為整個table的高度 改正後最終的實現效果為 明顯可以看到 首頁 和 閒置 文字到了table頂部。2.pa...

做SlidingMenu遇到的問題

今天做專案用到了slidingmenu,正好有以前的demo,ok,copy,改,結果,問題來了,一直報空指標異常,查啊查,竟然是setmode 屬性中設定成了slidingmenu.left right,而這次只用到了left,引以為戒,引以為戒.slidingmenu簡介 slidingmenu...

遇到的頁面跳轉問題

color darkblue size medium 做乙個公司內部用的周報表。已經做了將近半個月了吧。邊學邊做,經理指導步驟。剛做了乙個使用者登入的ui,乙個admin登入後的檢視,乙個普通user登入後的檢視。共三個mxml檔案。想實現三個mxml檔案之間的跳轉,主要是從登入頁到首面。已經在網上...