前端part1 div布局

2021-10-02 15:46:30 字數 748 閱讀 5640

1.div和span

div和span的區別在與,span是內聯元素,div是塊級元素

2.盒模型

margin盒子外邊距 padding盒子內邊距 border盒子邊框寬度 width盒子寬度 height盒子高度

3.布局相關的屬性

1.position 定位方式

1)正常定位 relative

2)根據父元素進行定位 absolute

3)根據瀏覽器視窗進行定位 fixed

4)沒有定位 static

2.定位

left(左),right(右),top(上),bottom(下)離頁面頂點的距離

3.z-index 層覆蓋先後順序(優先順序)預設0

4.display 顯示屬性

1)層不顯示 display:none

2)塊狀顯示 display:block

3)內聯顯示 display:inline

5.float 浮動屬性

left 左浮動     right 右浮動

6.clear 清除浮動

clear:both

7.overflow 溢位處理

1)hidden 隱藏超出層大小的內容

2)scroll無論內容是否超出層大小都新增滾動條

3)auto 超出時自動新增滾動條    

1

1 .divfixed

.spanzindex

使用MVVM模式開發前端 part1

observer.js 當前版本0.1 使用mvvm模式來開發前端,它的核心是observer,observer change,change包括mode view edit 和data的改變。使用了網格化程式設計的思想,當然,具體網格多大,看具體需求。例如 mock up first name fi...

前端面試1 CSS布局

複製 float 不可用 absolute 不可用 flex 可用 table 可用 grid 不可用 與左右固定,中自適應的三欄布局 複製 做法 把要居中的元素的margin left和margin right都設為auto 場景 只能進行水平的居中,且對浮動元素或絕對定位元素無效。場景 只能對,...

前端常見面試題總結part1

使用let宣告的變數不與window產生對映 let n 10,obj let fn obj.fn function obj.n fn 10 obj.fn 10 console.log n,obj.n undefined或者nan與數值相加 結果都為nan undefined與字串相加,先轉換成字串...