用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。
-
asp.net 操作INI文件讀寫類實例代碼
操作INI文件讀寫類實例代碼複製代碼代碼如下:usingSystem;usingropServices;using;using;namespaceCommon{//////INI文件讀寫類。///publicclassINIFile{publicstringpath;publicINIFile(stringINIPath){path=INIPath;}[DllImport("kernel32")]privatestaticex...
-
學習JavaScript的7個理由
為什麼要學習JavaScript?學習JavaScript對我們的工作有什麼幫助麼?下面YJBYS小編為大家講解!需求我之所以這樣説的主要原因是,隨着JavaScript的日漸成熟,以及方案變得越來越可行,我們對JavaScript程序員的需求正在持續增長。JavaScript在需求比例上已經超過了C#,僅...
-
JavaScript 函數表達式
JavaScript中創建函數主要有兩種方法:函數聲明和函數表達式。這兩種方式都有不同的適用場景。這篇筆記主要關注的是函數表達式的幾大特點以及它的使用場景,下面一一描述。主要特點可選的函數名稱函數名稱是函數聲明的必需組成部分,這個函數名稱相當於一個變量,新定...
-
如何理解Javascript的caller,callee,call,apply區別
在提到上述的概念之前,首先想説説javascript中函數的隱含參數:argumentsarguments該對象代表正在執行的函數和調用它的函數的參數。[function.]arguments[n]參數function:選項。當前正在執行的Function對象的名字。n:選項。要傳遞給Function對象的從0開始的參數值...