一、百分比布局（又名流式布局） 　　流式布局的特點就是采用display：flex；來控制整體布局，文字會隨着屏幕的寬度自動延伸，彈性控件的空間會隨着屏寬逐漸加大但不會自動增大，圖片采用百分比進行縮放。 　　二、rem布局（又名等比縮放布局） 　　 　　單位： 　　em ...

高級布局：文檔流、浮動布局、流式布局、定位布局、flex布局、響應布局 一、文檔流 1、什么是文檔流 將窗體自上而下分成一行一行，塊級元素從上至下、行內元素在每行中從左至右的順序依次排放元素 2、本質 文檔流本質是 nomal flow （普通流、常規流） 3、BFC（Block ...

固定布局經不起未來考驗 固定像素尺寸的網頁是匹配固定像素尺寸顯示器的最簡單辦法。但這種方法不是一種完全兼容未來網頁的制作方法，我們需要一些適應未知設備的方法。 為什么響應式設計需呀百分比布局 僅使用媒體查詢來適應不同視口的固定寬度設計，只會從一組CSS媒體查詢規則突變到另一組，兩者間 ...

.row{ display: grid; grid-template-columns: repeat(12, 1fr); gap: 10px; } $list: 1 2 ...

一、前端&后端 1、任何與用戶直接打交道的操作界面都可以稱之為前端　　比如:電腦界面 手機界面 平板界面 2、后端　　后端類似於幕后操作者(一堆讓人頭皮發麻的代碼)　　不直接跟用戶打交道 二、前端學習歷程 　　HTML:網頁的骨架 沒有任何的樣式 　　CSS:給骨架添加各種樣式 ...

一、什么是流式布局 流式布局已經不是什么新概念了。為了文章的完整性，還是提一提吧。很久很久以前，當大部分人的屏幕分辨率還是1024*768的時候，網頁設計師一般都按照960px或是980px的固定寬度進行設計。現在很多大型網站也依然使用這個寬度，為了不落下某些使用窄屏和IE6的用戶 ...

一、響應式布局 　　定寬布局的局限：屏幕越來越寬，而定寬的寬度是固定的，看定寬的網頁不美觀 　　　　　　　　　　屏幕也在一直往小變，定寬也不合適，看不到完整的網頁內容 　　在這種情況之下，就出現了一種自適應布局，分別是早起的流動式布局（根據浮動，基本淘汰）和百分比寬度布局（還有一些應用 ...

前端技術 前文了解了什么是前端，那么前端技術到底有哪些呢？最核心的就這三個： html/html5 css/css3 javascript 什么是HTML HyperText Markup Language，超文本標記語言，標准通用標記語言下的一個 ...