web前端全棧0基礎到精通(祺)10

2021-10-12 09:53:38 字數 455 閱讀 2142

多欄布局解決方案

document

center

left

right

``` 優化

品質

使用精靈圖

測試檢查

1、做完的頁面要與設計稿進行比對,保證對設計稿 95% 以上的還原度。

(1)頁面模組的完整性,保證頁面不出現模組丟失 ( 尤其是懸浮的側邊欄、彈窗、下拉列表等);

(2)字型、字型大小、文字顏色的一致性;

(3)背景與是否有丟失;

(4)模組間距的還原度(通常根據頁面設計排版的複雜程度,最多允許 5-10px 以內的偏差)。

2、跨瀏覽器的相容測試。

做完的頁面,要根據需求進行跨瀏覽器的相容測試,保證不同瀏覽器顯示結果基本一致。pc 端通常需要測試

的瀏覽器有 chrome、firefox、opera、ie(ie 低版本是否相容與需求溝通確定)。

web前端全棧0基礎到精通(祺)12

css3簡介 css3新增選擇器 以box結尾 包含box 結構性偽類選擇器 last child 選擇器 用於選取屬於其父元素的最後乙個子元素的指定選擇器 nth child n 選擇器 匹配屬於其父元素的第n個子元素,n可以是數字 關鍵字或公式 nth last child 選擇器 匹配屬於其元...

web前端全棧0基礎到精通(祺)13

css3過渡屬性 transition duration 規定完成過渡效果需要多少秒或毫秒。transition timing function規定速度效果的速度曲線。transition delay 定義過渡效果從何時開始。transition屬性簡寫 css3的 transform 屬性 瀏覽器...

web前端全棧0基礎到精通(祺)19

css 語法 filter 本身生效 backdrop filter 下層標籤生效 filter 描述none 預設值,沒有效果。blur px 給影象設定高斯模糊。radius 一值設定高斯函式的標準差,或者是螢幕上以多少畫素融在一起,所以值越大越模糊 如果沒有設定值,則預設是0 這個引數可設定c...