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

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

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

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

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

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

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

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

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

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

　　以及css詳細(xì)信息：

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

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

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

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

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

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

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

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

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

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

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

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

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

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