css的調試方法與經(jīng)驗總結

css的調試方法與經(jīng)驗總結

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

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

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

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

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

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

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

　　以及css詳細信息：

　　這里可以觀(guān)測到這個(gè)組件的大小：寬：177+10＋10，高：18+8+8

　　組件的內邊距：padding：10

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

　　在邊界外邊還可以有外邊界：margin：表示這個(gè)組件空出的長(cháng)和寬

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

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

CSS命名規則總結06-08

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

常用的10個(gè)CSS技巧總結06-09

污水調試報告范本06-18

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

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

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

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