css的調試方法與經驗總結
css的調試方法與經驗總結
本總結不斷更新,主要記錄本人調試過程中所終結的經驗與方法。
畢竟本人不是做瀏覽器前端的,所以如有不詳敬請見諒。
css關系到界面的美觀,有時候功能實現了。界面確丑到沒人用,終歸還是一件失敗的產品,所有好的產品不僅需要實用的功能,更加需要貼心美觀的外觀。
1.如果遇到整體布局工整,個別布局偏移的。
可以使用瀏覽器取道偏移的組件(放大鏡),然后得到應用到這個組件的css文件中的css效果進行修改即可,如下圖所示:
可以再右邊獲取到css樣式,以及css詳細信息:
查看到樣式后,還可以看到對應樣式所屬于的文件,找到這個文件再進行樣式修改即可。
以及css詳細信息:
這里可以觀測到這個組件的大小:寬:177+10+10,高:18+8+8
組件的內邊距:padding:10
組件的邊界:border:組件的邊界表示這里外邊就不是這個組件的組成部分了。
在邊界外邊還可以有外邊界:margin:表示這個組件空出的長和寬
【css的調試方法與經驗總結】相關文章:
css字體大小的設置方法總結06-15
CSS命名規則總結06-08
精選CSS 高級技巧總結06-09
常用的10個CSS技巧總結06-09
污水調試報告范本06-18
數控調試的總結范文06-07
對CSS常用樣式包括定位、顯示等屬性進行簡單的總結06-09
安防監控系統調試報告06-09
律師經驗總結06-20