頁面布局整體思路

2021-10-05 08:19:50 字數 502 閱讀 8404

為了提高網頁製作的效率,布局時通常有以下的整體思路: 

1. 必須確定頁面的版心(可視區),我們測量可得知。 

2. 分析頁面中的行模組,以及每個行模組中的列模組。即頁面布局第一準則。

3. 一行中的列模組經常浮動布局, 先確定每個列的大小,之後確定列的位置。即頁面布局第二準則。

4. 製作 html 結構。我們還是遵循,先有結構,後有樣式的原則。結構永遠最重要。

5. 所以, 先理清楚布局結構,再寫**尤為重要。這需要我們多寫多積累。

網頁布局第一準則:多個塊級元素縱向排列找標準流,多個塊級元素橫向排列找浮動。

網頁布局第二準則:先設定盒子大小,之後設定盒子的位置。

常見頁面布局:

頁面布局思路

頁面是由html構成的 熟悉html本身預設特點 很重要 布局重要 盡量通過結構 利用流逝布局 如何構建結構 1 只要看到從上往下的布局 就在這幾個子元素外部加乙個 父容器 原理 子元素在父容器中從上往下 並且可以撐起父容器的高度 2 只要看到從左往右的布局方式 原理 子元素一定變為inline元素...

css整體布局

左寬固定,右寬自適應一 left right 左寬固定,右寬自適應二 left right content 左寬固定,右寬自適應三 right content left 左寬固定,右寬及左右高度自適應一 left sidebar main content 左寬固定,右寬及左右高度自適應二 left ...

flask 整體流程思路

思路圖 下面二話不說還是看 manage.py內 import os from flask migrate import migratecommand from flask script import manager env os.environ.get flask1810 or default m...