line-height間距值計算
為什麼要注意標籤細節？
1、清除浮動：overflow：hidden
2、少用定位
3、display:inline-block ; 後面跟著vertical-align: top;
4、少用行內塊標籤，浮動好一些
ps：行內塊標籤自帶的間隙以及換行帶來的間隙，造成的類似margin的效果很麻煩
5、a標籤，span標籤都是行內標籤，一開始就設定為行內塊標籤
ps：行內塊標籤製造出來的間隙在介面效果上也許是可以利用的
6、準備乙個reset.css檔案，用於重置樣式
7、background-image 後面跟上 background-size: 100% 100%;
8、寫css樣式時帶上過渡屬性
9、記好各種布局的格式
10、html寫完再寫css
11、注意獲取方式的時效性
ps：函式內部獲取標籤不用有實效性的，尤其是涉及迴圈和刪除
12、善用單位：vh
不同型別的標籤哪怕字型樣式一樣，帶來的效果也是不同的
常用字型樣式舉例
ps：谷歌最新版瀏覽器測量效果
注意：無論哪種標籤，間隙都一樣，除了塊級標籤的寬度問題，所以這裡拿行內標籤舉例
來看看效果：
測量的結果就是：文字和邊框本身的間距就是上3px，下2px，左右沒有
自身寬高：24 x 16
來看看效果：
測量的結果就是：文字和邊框本身的間距就是上4px，下3px，左右沒有
自身寬高：28 x 19
測量的結果就是：文字和邊框本身的間距就是上4px，下3px，左右沒有
自身寬高：32 x 21
行內標籤和行內塊標籤都是5px
< br >換行不會造成標籤本身上下的間距，除了標籤自帶的間距
多個< br >標籤帶來的效果就是
行內標籤：
font-size:12px;
3px + < br >標籤個數 - 1 x 21px；
font-size:14px;
< br >標籤個數 - 1 x 21px；
font-size:16px;
-3px + < br >標籤個數 - 1 x 21px；
行內塊標籤：
font-size:12px;
3px + < br >標籤個數 - 1 x 21px；
font-size:14px;
1px + < br >標籤個數 - 1 x 21px；
font-size:16px;
< br >標籤個數 - 1 x 21px；
當然，塊級標籤自帶換行效果，不需要< br >標籤，同樣，標籤之間也不會帶來間距，除了標籤自帶的
若是加上了< br >標籤，上下間距為21px，當然，這是乙個< br >帶來的，兩個就是42px；
注意，這些現象並不是自身margin和padding帶來的
行內標籤會造成一種甚是奇葩的效果：
行內塊標籤就正常多了
相對於以上兩個塊級標籤就是最正常的了
行內標籤都有乙個margin-top：1px；的效果，然後再加上自帶的文字與標籤間的間隙。
可以明顯看到的是，內聯標籤在換行的拐角與沒有被擠下去的標籤帶乙個margin-right：5px的效果。
同時，它只有第乙個標籤會有乙個margin-top：1px；的效果。
根據以上的例子，我們可以知道，標籤的高度都是奇數，那麼有乙個麻煩的地方在於，若line-height的值是乙個偶數該怎麼計算？
來看三種情況：
這個屬性是最腦殼疼的。
當分配不均時，上面會多1px，當然我說的是相對文字本身而言。最好沒有border。
便於我們布局時設定margin和padding
正常情況我們也不會寫多個< br >來拉開換行的間距
通常我們都是直接使用margin或者padding來拉開間距
最好少用行內標籤和行內快標籤
幾個小細節
1.使用 string.empty 代替長度為0的空字串 string s string s string.empty 2.觸發事件時盡可能使用 eventargs.empty 替代 new eventargs 和 null。public class class1 3.返回長度為0的陣列，而不是nu...
小細節備忘
用於頁面內定位的 簡寫的話在 firefox 的 firebug 中會被認為標籤沒結束 絕對不能簡寫 checkbox 不設定 name 屬性的話不能選中 onsubmit是綁在form上，而不是綁在submit上的 jquery 的基本選擇符和 css 的一樣 取id，取class，沒字首的取ta...
優化小細節
1 當使用索引列進行查詢的時候見諒不要使用表示式，把計算放到業務層而不是資料庫層 select id from table where id 1 5 優先順序範圍為ref select id from table where id 4 優先順序範圍為count 2 盡量使用主鍵查詢，而不是其他索引，...