CSS 17 頁面布局

2022-07-26 16:18:07 字數 355 閱讀 5892

1

頁面布局:

2靜態布局:

3靜態布局:元素不變的布局。

4布局特點:縮小後內容被遮擋,拖動滾動條顯示布局

5設計方法:

6pc:居中布局,所有樣式使用絕對寬度和高度78

9響應式布局:

10響應式布局:建立多個流體式布局,分別對應乙個螢幕解析度範圍

11特點:分別為不同的螢幕解析度定義布局,同時,在每個布局中,應用流式布局的理念,即頁面元素寬度隨著視窗調整而自動適配。

12 響應式布局就是使用**查詢的方式,建立多個元素寬度是相對的布局理想的響應式布局,指的是對pc/移動各種終端進行響應的。

知識梳理 3 1頁面布局

題目 假設高度已知,請寫出三欄布局,其中左欄 右欄各為300px,中間自適應。1.這是三欄布局的中間部分 2.這是三欄布局的中間部分 3.這是三欄布局的中間部分 4.這是三欄布局的中間部分 5.這是三欄布局的中間部分 6.這是三欄布局的中間部分 1.這是三欄布局的中間部分 2.這是三欄布局的中間部分...

HTML5 03 頁面布局

html 文件中的元素是乙個接著乙個排列的,只是簡單地在在塊級元素的前後加上拆行,是一種流水布局。但是,我們所見到的 web 頁面按照一定的規則布局排版的 通常是多列的 所以就要借助一定的方法來實現這種布局,通常的解決方案是 使用區塊元素 或 來布局 web 頁面的內容。由上述的兩個示例,我們可以看...

前端面試 01 頁面布局

3.延伸 5種方法對比 4.總結 問題 假設高度預設100px 請寫出三欄布局,其中左欄 右欄各為300px,中間自適應。方法 class layout float class left right center class left 我是 left div class right 我是 right...