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檔案之間的跳轉,主要是從登入頁到首面。已經在網上...