css的調(diào)試方法與經(jīng)驗總結(jié)
css的調(diào)試方法與經(jīng)驗總結(jié)
本總結(jié)不斷更新,主要記錄本人調(diào)試過程中所終結(jié)的經(jīng)驗與方法。
畢竟本人不是做瀏覽器前端的,所以如有不詳敬請見諒。
css關系到界面的美觀,有時候功能實現(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é)】相關文章:
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