您现在的位置是：网站首页> 编程资料编程资料

css 调试方法与经验总结简要总结CSS编程中的响应式设计CSS的一些编程规范总结10个必备的CSS技巧总结CSS清除浮动方法总结CSS多浏览器兼容总结(个人经验)CSS样式的基础学习总结深入CSS3 动画效果的总结详解IE下css常见问题总结及解决CSS(Cascading Style Sheet)级联样式表常用术语总结CSS学习总结

2023-10-25 187人已围观

简介 主要记录本人调试过程中所终结的经验与方法，css关系到界面的美观，有时候功能实现了。界面确丑到没人用，终归还是一件失败的产品

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

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

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

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

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

 

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

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

 

以及css详细信息：

 

如上右图所示：

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

组件的内边距：padding：10

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

如上左图：

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

上一篇：CSS3实现超慢速移动动画效果非常流畅无卡顿浅谈CSS3 动画卡顿解决方案

下一篇：CSS控制图片和文字在同一行显示且对齐的3种方法CSS解决文字与图片不能水平居中对齐的问题同一行的图片和文字巧妙的居中对齐的解决方法

相关内容

点击排行

本栏推荐

猜你喜欢

-六神源码网