css 调试方法总结

当前位置 : 首页 > 网页制作 > CSS > css 调试方法总结

css 调试方法总结

来源: 作者: 时间:2016-01-23 10:51
本总结不断更新,主要记录本人调试过程中所终结的经验与方法。毕竟本人不是做浏览器前端的,所以如有不详敬请见谅。css关系到界面的美观,有时候功能实现了。界面确丑到没人用

本总结不断更新,主要记录本人调试过程中所终结的经验与方法。

毕竟本人不是做前端的,所以如有不详敬请见谅。


css关系到界面的美观,有时候功能实现了。界面确丑到没人用,终归还是一件失败的产品,所有好的产品不仅需要实用的功能,更加需要贴心美观的外观。


1.如果遇到整体布局工整,个别布局偏移的。

可以使用浏览器取道偏移的组件(放大镜),然后得到应用到这个组件的css文件中的css效果进行修改即可,如下图所示:

\

\

可以再右边获取到css样式,以及css详细信息:<喎"http://www.2cto.com/kf/ware/vc/" target="_blank" class="keylink">vcD4KPHA+sum/tLW90fnKvbrzo6y7ub/J0tS/tLW9ttTTptH5yr3L+cr009q1xM7EvP6jrNXStb3V4rj2zsS8/tTZvfjQ0NH5yr3Q3rjEvLS/yaGjPC9wPgo8cD48aW1nIHNyYz0="http://www.2cto.com/uploadfile/Collfiles/20140614/20140614091507194.png" alt="\">

以及css详细信息:

\组件的大小:宽:177+10+10,高:18+8+8

组件的内边距:padding:10

组件的边界:border:组件的边界表示这里外边就不是这个组件的组成部分了。

如上左图:

在边界外边还可以有外边界:margin:表示这个组件空出的长和宽


Tag:
网友评论

<