css編碼規范和垂直居中的幾種方式

編碼規范:

  1. 合理命名,使用語義化標簽,基于功能命名、基于內容命名、基于表現命名,命名應該體現功能,不涉及表現樣式(顏色、字體、邊框、背景等),簡略、明了、無后患。
  2. 標簽命名不使用駝峰,使用“-”代替“_”
  3. tab用2個空格
  4. 盡量少的使用id
  5. css屬性換行,而不是放到一行
  6. 小數不用寫前綴, 0.5s -> .5s;0不用加單位
  7. 不追求多屬性賦值的簡寫,以免引起代碼混亂
  8. 為選擇器中的屬性添加雙引號,例如,input[type="text"]
  9. 選擇器要盡可能短,并且盡量限制組成選擇器的元素個數,建議不要超過 3

垂直居中的幾種實現方式。

上下padding實現

絕對定位+負margin實現

vertical-align+偽類元素實現

父元素設置table-cell實現

flex實現

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 13,809評論 1 92
  • 選擇qi:是表達式 標簽選擇器 類選擇器 屬性選擇器 繼承屬性: color,font,text-align,li...
    wzhiq896閱讀 1,805評論 0 2
  • 不管有多少人共同參與同一項目,一定要確保每一行代碼都像是同一個人編寫的。 ...
    青鳴閱讀 331評論 0 1
  • 選擇qi:是表達式 標簽選擇器 類選擇器 屬性選擇器 繼承屬性: color,font,text-align,li...
    love2013閱讀 2,337評論 0 11
  • 四季里,春花秋月,夏雨冬雪,我鐘愛著花月雪,唯獨對于雨,了解甚少,從未走近過。如果非要我說說對雨有什么樣的感受,那...
    紫蘇微暖閱讀 455評論 0 2