用CSS約定寫法詳解
以前在程序中,有美工設計好了靜態頁面,而我們程序員將其整理成動態頁面(例如jsp頁面),一般程序員是不會管像圖片、樣式這樣的東西,直接拿來就用了。這時可能出現下面幾個問題:
1 修改過幾次後,會出現無用的樣式或者圖片;
2 不同頁面所用的樣式可能在一個css文件中,查找起來非常的麻煩。
3 沒有良好的結構,對以後的擴展(例如換膚)非常不利
4 樣式或者圖片名稱起的很隨意或者不符合實際要求,對理解有一定的影響。
下面是總結的一些css使用約定:
1儘量使用外部鏈接的方式引入css
2 css文件開發版本中儘量加入樣式註釋
3 css命名規則:
css文件名稱建議具有實際意義,例如,公用css可以命名為、郵件專用css可以命名為:
4 css樣式命名規則:
樣式命名建議根據實際用途進行命名,例如,用於標題的樣式可以e{};
儘可能的保證不同css中定義的樣式不會發生命名上的衝突,以免造成不必要的相互影響
5 css用到的圖片放置規則:
Css用到的圖片,主要是背景。可以按照如下規則去做:
在css文件相同目錄下建立文件夾images.在images下新建與css同名的文件夾(不帶後綴名稱),css文件的圖片均放在這裏面,
詳見示例:
6建議將佈局css與皮膚css分開編寫。
佈局Css即那些對網站骨骼結構產生影響的css,比如寬高、border、margin等等。
皮膚CSS指的.是諸如顏色、背景圖片這樣的,不會對頁面骨骼結構產生影響的css。這裏分開,主要是為了以後的換膚功能,如不實現換膚的話,可以寫在一起。
7佈局css如果只用到一次(在一個頁面中的一處地方使用),可以寫在頁面中,甚至直接寫在html元素中,如果用到2次以上(同一頁面或者不同頁面中),必須歸納出來形成獨立的css。
-
Dreamweaver跳轉菜單的方法技巧介紹
什麼是跳轉菜單:跳轉菜單是文檔內的彈出菜單,對站點訪問者可見,並列出鏈接到文檔或文件的選項。可以創建到整個Web站點內文檔的鏈接、到其它Web站點上文檔的鏈接、電子郵件鏈接、到圖形的鏈接,也可以創建到可在瀏覽器中打開的`任何文件類型的鏈接以下是小編為大家...
-
PHP開發工程師的具體職責
PHP開發工程師的具體職責1職責:1,負責設計產品的前後台技術框架;2,承擔系統的開發工作,改進框架,基礎架構,持續優化服務;3,承擔關鍵項目的技術評審及總體設計,參與構建系統原型及關鍵技術問題的攻關活動;4,控制產品設計質量,制定產品開發規範、指導或撰寫方案、設計等文檔;5,...
-
如何理解Javascript的caller,callee,call,apply區別
在提到上述的概念之前,首先想説説javascript中函數的隱含參數:argumentsarguments該對象代表正在執行的函數和調用它的函數的參數。[function.]arguments[n]參數function:選項。當前正在執行的Function對象的名字。n:選項。要傳遞給Function對象的從0開始的參數值...
-
javascript中setInterval的用法總結
javascript中的setInterval的函數主要是在製作動畫或其他間隔性渲染(操作)效果時,對操作方法按照一定時間間隔進行調用的函數。setInterval的表達式格式主要有:setInterval(fnname,time,par1,par2,);setInterval(obj,fnname,time,par1,par2,);第一種是最常見的表達...