css 调试方法与经验总结

  发布时间:2014-06-15 11:59:22   作者:佚名   我要评论
主要记录本人调试过程中所终结的经验与方法,css关系到界面的美观,有时候功能实现了。界面确丑到没人用,终归还是一件失败的产品
本总结不断更新,主要记录本人调试过程中所终结的经验与方法。

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

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

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

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

 

可以再右边获取到css样式,以及css详细信息:

查看到样式后,还可以看到对应样式所属于的文件,找到这个文件再进行样式修改即可。

 

以及css详细信息:

 

如上右图所示:

这里可以观测到这个组件的大小:宽:177+10+10,高:18+8+8

组件的内边距:padding:10

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

如上左图:

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

相关文章

  • 简要总结CSS编程中的响应式设计

    这篇文章主要介绍了CSS编程中的响应式设计,是CSS入门学习中的基础知识,需要的朋友可以参考下
    2015-08-03
  • CSS的一些编程规范总结

    这篇文章主要介绍了CSS的一些编程规范总结,文中所列基本上得到多数开发者的共识,树立统一规范有助于debug等工作的进行,因而强烈推荐此文!需要的朋友可以参考下
    2015-07-09
  • 10个必备的CSS技巧总结

    这篇文章主要介绍了10个必备的CSS技巧总结,随看随记,敬请收藏~需要的朋友可以参考下
    2015-06-29
  • CSS清除浮动方法总结

    在阿里云首页看到很多div都有加上:before和:after的属性.但是大都只是做了类似的如下处理,请问这样的意义是什么呢?研究了一番,原来是清除浮动用的,下面来总结下清除浮动
    2014-06-17
  • CSS多浏览器兼容总结(个人经验)

    多浏览器兼容一直都是前端开发者需要考虑的重要问题之一,由于一直困扰着大家,因此本文整理了一些个人的实战经验与大家分享下,看过之后感觉不错的可以收藏哦
    2013-10-30
  • CSS样式的基础学习总结

    进行css布局的同时,没有足够的基础知识是不可能的,本文为初学者整理了一些,经常使用的css属性,感兴趣的朋友可以参考下,或许有所帮助
    2013-10-05
  • 深入CSS3 动画效果的总结详解

    本篇文章是对,CSS3中的动画效果进行了详细的分析介绍。需要的朋友参考下
    2013-05-09
  • IE下css常见问题总结及解决

    本文整理了ie中div的垂直居中问题、margin加倍的问题、ie6下页面min-width/height与max-width/height问题、ie6 3px bug及ie6捉迷藏的问题等等,感兴趣的朋友可以参考下哈
    2013-04-01
  • CSS(Cascading Style Sheet)级联样式表常用术语总结

    CSS(Cascading Style Sheet )级联样式表总结,如果使用CSS不要忘记写DOCTYPE等文档类型定义,接下来详细为您介绍,需要了解的朋友可以参考下
    2013-01-03
  • CSS学习和总结

    本文是小编日常整理了关于css学习和总结相关知识,本文介绍的非常详细,具有参考借鉴价值,感兴趣的朋友一起学习吧
    2022-09-29

最新评论