css的調試方法與經驗總結

css的調試方法與經驗總結

　　本總結不斷更新，主要記錄本人調試過程中所終結的經驗與方法。

　　畢竟本人不是做瀏覽器前端的，所以如有不詳敬請見諒。

　　css關系到界面的美觀，有時候功能實現了。界面確丑到沒人用，終歸還是一件失敗的產品，所有好的產品不僅需要實用的功能，更加需要貼心美觀的外觀。

　　1.如果遇到整體布局工整，個別布局偏移的。

　　可以使用瀏覽器取道偏移的組件（放大鏡），然后得到應用到這個組件的css文件中的css效果進行修改即可，如下圖所示：

　　可以再右邊獲取到css樣式，以及css詳細信息：

　　查看到樣式后，還可以看到對應樣式所屬于的文件，找到這個文件再進行樣式修改即可。

　　以及css詳細信息：

　　這里可以觀測到這個組件的大小：寬：177+10＋10，高：18+8+8

　　組件的內邊距：padding：10

　　組件的邊界：border：組件的邊界表示這里外邊就不是這個組件的組成部分了。

　　在邊界外邊還可以有外邊界：margin：表示這個組件空出的長和寬

【css的調試方法與經驗總結】相關文章：

css字體大小的設置方法總結06-15

CSS命名規則總結06-08

精選CSS 高級技巧總結06-09

常用的10個CSS技巧總結06-09

污水調試報告范本06-18

數控調試的總結范文06-07

對CSS常用樣式包括定位、顯示等屬性進行簡單的總結06-09

安防監控系統調試報告06-09

律師經驗總結06-20