這是我的第一篇csdn部落格,其中難免有錯誤,歡迎各位同學指出修正其中的例圖是用css做例子 旨在讓大家理解各個position值的用法
其中分別有absolute,relative,static,fixed
我們先來看下定義:
生成絕對定位的元素,相對於 static 定位以外的第乙個父元素進行定位。元素的位置通過 「left」, 「top」, 「right」 以及 「bottom」 屬性進行規定。(其中各個值可以設定成負值)應該看不懂,的確很抽象。我們先寫段**試試。
//css中的**
.container
//wxml
你好
從這裡我們可以看到「你好」的左上角那個紅點點離頂部30px,離左邊60px。
這就是absolute的作用了。
這裡有個有趣的知識,如果是同時設定了top bottom或right和left,我試了一下應該是有top無視bottom,有left無視right。
生成相對定位的元素,相對於其正常位置進行定位。
//wxss
.container
//wxml
這個標題相對於其正常位置向右移動
因為這裡是距離左邊120px,所以相對的原來位置是右移了120px.
生成絕對定位的元素,相對於瀏覽器視窗進行定位。看起來定義和absolute很類似,但大家要注意absolute裡面是以static為絕對位子進行偏移
.first
.second
一些文字
更多文字
預設值。沒有定位,元素出現在正常的流中(忽略 top, bottom, left, right 或者 z-index 宣告)。
這個就是不寫樣式時候預設給的樣式了。 (微信小程式)一 初識微信小程式
需要看的 先是檔案目錄 一 pages 他存放於多個頁面 如 index log頁面。可以把他裡面的每個資料夾看成乙個整體。這個整體存放著 html css 和 資料 1 index資料夾 存放的index頁面的目錄。2 index.js 他可以處理得到 ajax 或自定義定義的資料。把得到的值封裝...
微信小程式
2.單獨設定某一頁面下的頂部欄的背景顏色,在其對應的.json檔案下修改即可 3.this.setdata 注意 onload函式下面執行的是非同步操作,非同步操作裡面this.data.直接賦值,是無效的,必須使用this.setdata this.setdata msg he llo wor l...
微信小程式
你好!這是你第一次使用markdown編輯器所展示的歡迎頁。如果你想學習如何使用markdown編輯器,可以仔細閱讀這篇文章,了解一下markdown的基本語法知識。全新的介面設計,將會帶來全新的寫作體驗 在創作中心設定你喜愛的 高亮樣式,markdown將 片顯示選擇的高亮樣式進行展示 全新的ka...