前端 頁面重構注意事項

2021-08-15 01:53:26 字數 589 閱讀 7378

頁面重構要注意一下幾點:

不濫用id,盡量用class代替id。

css選擇器最好控制在2-3個以內,不要使用內聯樣式,轉移到樣式表中。

根據上下結構命名id和class,而不是設計元素,避免html結構模糊化,嘗試重網頁中分離出設計元素,還可以減少**的冗餘。

避免css冗餘和重複,能通用的寫在一起。寫css 的時候心中對 html 層級結構要有個大致的規劃,思考不同的設計元素之間的層級和關係,我們規劃得越清晰,最終輸出的 css 也越精簡。

精簡單位,字型大小em,px、pt;建議用em。

盡量向下相容。向低端瀏覽器相容。

避免無意義的、無作用的樣式、元素命名等。

使用hack負的 (margin 邊距,!important等等)放在單獨的hack.css中後者樣式表的特定區域並注釋區別於其他樣式。

在必須的地方要做好注釋,使用工具把css檔案中的注釋轉換成乙個合適的文件。推薦用css_doc

和kss

當然:doin something is always better than nothing。

參考資料:

前端HTML CSS注意事項

兩個div設定了float left不併排的原因 另 div作為父元素沒有指定高度或寬度時,由其子元素的高度或寬度撐起父元素的大小。css span.drop down 一般建立的工程目錄格式如下圖所示 按常理是沒有錯的,但是該種寫法的意思是img資料夾與main.css在同一級下面,然而並不是。所...

註冊頁面注意事項

1註冊頁面 密碼輸入框需不需要設定兩次?我看到還是有比較多的密碼需要再次確認。我覺得沒有必要。一般使用者輸入密碼時都會比較謹慎。我們也會設定可以檢視已輸入密碼字元的小功能。如果實在不行,也可以找回密碼。用手機找回,相對來說還是比較快捷的。2註冊頁面 需不需要驗證碼?這個問題我猶豫了很久。驗證碼主要是...

無線頁面製作注意事項!

第乙個meta標籤表示 強制讓文件的寬度與裝置的寬度保持1 1,並且文件最大的寬度比例是1.0,且不允許使用者點選螢幕放大瀏覽 第二個meta標籤是iphone裝置中的safari私有meta標籤,它表示 允許全屏模式瀏覽 第三個meta標籤也是iphone的私有標籤,它指定的iphone中safa...