布局是**製作的第一步，讓我們來了解一下怎麼布局
布局預設是流體布局，還有水平布局和定位布局。很多只是叫法不一樣而已
流體布局：
在了解流體布局之前，我們應該先明白
行內元素（內聯元素），塊元素和內聯塊元素
塊元素：div ; p ; h1~h6 ; ol ; ul ; dl ; table ; address ; blockquote ; form
行內元素：a ; span ; br ; i ; em ; strong ; label ; q ; var ; cite ; code
內聯塊元素：img ; input
塊元素：每個塊級元素都各佔一行，可以設定長和寬，設定display:inline可以轉為行內元素;
行內元素：可以和其他元素占用同一行，沒有長和寬，設定display:block可以轉為塊元素;
內聯塊元素：同時具備內聯元素和塊元素；和其他元素都在一行，元素的寬和高以及頂部和底邊的距離都可以設定；設定display:inline-block;
流體布局中，塊元素是從上到下一次排列，而行內元素是先從左到右再從上到下排列
很好理解，我就不上**了。
水平布局：
水平布局需要用到浮動float，可以讓霸道的塊元素水平布局
可以同時在左 float:left;
可以同時在右 float:right;
一左一右
學習**：
效果圖：
定位布局：
定位布局就稍微難一點，想要弄清楚定位。 定位
1.絕對定位 position: absolute
2.相對定位 position: relative
3.固定定位 position: fixed
relative和absolute組合使用
需要注意的是
1.參照定位的元素必須是相對定位元素的前輩元素
2.參照定位的元素必須加入position:relative
3.定位元素加入position:absolute便可以使用top；bottom；right；left開始定位
我是比較喜歡用固定定位的，很多地方都會用到。
學習**：
第四章初始CSS3預習筆記
第四章 初始css3預習筆記 一 1 什麼是css?全稱是層疊樣式表 通常又稱為風格樣式表,他是用來進行網頁風格設計的 2 css的優勢 1 內容以表現分離,即使用u前面學習的html語言製作網頁 使用css設定網頁樣式,風格,並且css樣式單獨存在乙個資料夾裡.這樣.html檔案 引用的css檔案...
看C 第四章 複習基礎知識
今天主要是來複習下基礎知識 運算子 非 var1 var2 如果var2是false,var1的值為true,邏輯非 與 var1 var2 var3 如果var2和var3都是true,則var1為true 邏輯與 或 var1 var2 var3 如果var3或var2有乙個為true,則var...
第四章 布局管理
2019 9 11 布局管理系統 這裡需要注意的是，在使用布局管理器時，會自動新增其父視窗。p78沒有看懂 設定部件 在布局管理器中的部件 大小 sizehint與minimunsizehint 大小策略屬性 sizepolicy 控制著部件在布局管理器中的大小和行為 窗體布局管理器的相關屬性 ql...