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命名規(guī)則總結(jié)06-08
污水調(diào)試報(bào)告范本06-18
數(shù)控調(diào)試的總結(jié)范文06-07
對(duì)CSS常用樣式包括定位、顯示等屬性進(jìn)行簡(jiǎn)單的總結(jié)06-09