網頁布局六大基本原則

2021-10-09 06:21:56 字數 893 閱讀 3167

1.樣式的重用性

css布局的網頁最大的特點就是樣式的可重用性,利用class選擇符重複將某個樣式屬性多次在網頁中使用,以減少不斷定義樣式屬性的煩瑣工作,增加頁面的可維護性。例如,將某處表達樣式、板塊整體樣式、文字顏色;甚至可以擴充套件到頁面的模組化處理。

2.浮動與清除浮動

浮動式網頁布局中永遠的話題,很多瀏覽器的相容性問題都是因為浮動而導致的,例如ie6.0的雙倍間距的問題。浮動也是把雙刃刀,相容性的問題為其二產生為其而滅亡,善於利用浮動對於網頁布局將會帶來很到的幫助,例如使用負邊距地方法對頁面進行布局設計。

清除浮動浮動而出現,用來清理浮動導致的諸多問題。清除浮動的方式有很多。

3.定位方式的頁面布局

定位方式的布局一般指的是絕對定位,這種布局方式對頁面布局的設計精確性要求十分高,遺憾的是絕對定位的布局方式的盒模型是固定高和寬的,無非自適應。

4.不要過多使用id選擇符

id在乙個頁面**現的次數是一次,過多使用將失去樣式的可重用性的特徵,對於頁面的可維護性也將大打折扣。

5.類選擇符(class)及id選擇符使用字母+數字方式命名

類選擇符class及id選擇符的命名方式很多,最好的方式是陣對某個模組的功能闡述性的命名,例如,陣對主要內容區域,可以使用#mainbox或者.mainbox而不是使用#box1或者.box1。

不使用字母+數字的方式命名,在後期維護中可以陣對某個模組主要針對物件一目了然。

6.合理使用css布局,切勿盲目使用

css樣式的主要功能是對頁面結構樣式的處理,避免只是為了試驗一種技術或新技巧而採用css中的技巧去剝奪其他語言指令碼的使用。

設計模式 六大基本原則

軟體實體 類 模組 函式等 應該可以擴充套件 但是不可修改。俗稱 對於拓展是開放的,對於修改是關閉的 軟體開發中,前期通過需求分析 建模,巧妙利用設計模式 使系統盡可能的易維護 易拓展 健壯 當需求變化時能夠方便的對原有系統進行擴充套件 新增模組 新增方法 而不是為了滿足需求 直接在原有 上進行改動...

六大基本原則(物件導向)

單一職責原則 每乙個類有自己單獨的職責,每乙個類都單獨開,自己幹自己的事,就像人一樣,眼睛負責視覺,耳朵負責聽覺,鼻子負責嗅覺 方法也是 開放封閉原則 對拓展開放,對修改關閉,也就是說可以通過拓展增加新功能,不要修改原有的 是實現新功能 黎克特制替換原則 子類能夠完成的事情,不要使用父類完成,盡量使...

設計模式之六大基本原則

要開始做個人版機房了,我又重新拿起了設計模式。今天我想說說六大基本原則。包括 單一職責,開放封閉原則,依賴倒轉原則,黎克特制代換原則,迪公尺特法則,合成 聚合復用原則。單一職責 總結 就像只有畫素能夠決定相機質量一樣,音訊改變 機的品質的好壞一樣,單一職責就是只有乙個因素改變他。開發 封閉原則 軟體...