css的調(diào)試方法與經(jīng)驗總結(jié)

css的調(diào)試方法與經(jīng)驗總結(jié)

　　本總結(jié)不斷更新，主要記錄本人調(diào)試過程中所終結(jié)的經(jīng)驗與方法。

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

　　css關(guān)系到界面的美觀，有時候功能實現(xiàn)了。界面確丑到?jīng)]人用，終歸還是一件失敗的產(chǎn)品，所有好的產(chǎn)品不僅需要實用的功能，更加需要貼心美觀的外觀。

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

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

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

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

　　以及css詳細信息：

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

　　組件的內(nèi)邊距：padding：10

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

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

【css的調(diào)試方法與經(jīng)驗總結(jié)】相關(guān)文章：

css字體大小的設置方法總結(jié)06-15

CSS命名規(guī)則總結(jié)06-08

精選CSS 高級技巧總結(jié)06-09

常用的10個CSS技巧總結(jié)06-09

污水調(diào)試報告范本06-18

數(shù)控調(diào)試的總結(jié)范文06-07

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

安防監(jiān)控系統(tǒng)調(diào)試報告06-09

律師經(jīng)驗總結(jié)06-20