前端複習記錄(前端基礎 CSS)二

2021-10-23 19:15:37 字數 713 閱讀 2511

修改父元素的color屬性

line-height一般是指布局裡面一段文字上下行之間的高度,是針對字型來設定的,height一般是指容器的整體高度,

background-color設定的背景顏色會填充元素的content、padding、border區域

margin的外邊緣

聖杯布局是指布局從上到下分為header、container、footer,然後container部分定為三欄布局。這種布局方式同樣分為header、container、footer。聖杯布局的缺陷在於 center 是在 container 的padding中的,因此寬度小的時候會出現混亂。

雙飛翼布局給center 部分包裹了乙個 main 通過設定margin主動地把頁面撐開。

flex布局是由css3提供的一種方便的布局方式。

絕對定位布局是給container 設定position: relative和overflow: hidden,因為絕對定位的元素的參照物為第乙個postion不為static的祖先元素。 left 向左浮動,right 向右浮動。center 使用絕對定位,通過設定left和right並把兩邊撐開。 center 設定top: 0和bottom: 0使其高度撐開。

**布局的好處是能使三欄的高度統一。

網格布局可能是最強大的布局方式了,使用起來極其方便,但目前而言,相容性並不好。網格布局,可以將頁面分割成多個區域,或者用來定義內部元素的大小,位置,圖層關係。

前端複習記錄(前端基礎 遊覽器)三

檢測頁面載入時間一般有兩種方式,一種是被動去測 就是在被檢測的頁面置入指令碼或探針,當使用者訪問網頁時,探針自動採集資料並傳回資料庫進行分析,另一種主動監測的方式,即主動的搭建分布式受控環境,模擬使用者發起頁面訪問請求,主動採集效能資料並分析,在檢測的精準度上,專業的第三方工具效果更佳,比如說效能極...

前端複習(二)

list1.標籤 method屬性 定義表單提交方式 2.標籤 定義文字標註 3.標籤 type屬性 type text 定義單行文字輸入框 type password 定義密碼輸入框 type radio 定義單選框 type checkbox 定義核取方塊 type file 定義上傳檔案 ty...

前端 CSS 記錄

我的專案終於又走到了頁面設計階段,我又感受到了原來被頁面設計支配的感覺。色彩配置上來回糾結了好久,最終決定,按照原思路做,糾結浪費時間。暫時的效果是這樣的 最近一直在考慮我專案對不同尺寸介面的適應問題,暫時不想去弄bootstrap 終於用css的 calc 方法將我的低效的自適應介面準備出來了。c...