css 调试方法与经验总结

又是一场大雪过后,天空像海一样蔚蓝,甚至比海更加晶莹剔透。千峰万岭,极目望去,尽是白色,闪耀着一片连接不断的银光。山顶积雪未融,如白银宫网。
本总结不断更新,主要记录本人调试过程中所终结的经验与方法。

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

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

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

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



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

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



以及css详细信息:



如上右图所示:

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

组件的内边距:padding:10

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

如上左图:

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

到此这篇关于css 调试方法与经验总结就介绍到这了。人生大投资绝不要犹豫:健康和教育!更多相关css 调试方法与经验总结内容请查看相关栏目,小编编辑不易,再次感谢大家的支持!

您可能有感兴趣的文章
css让页脚保持在底部位置的四种方案

Flex布局史上最简单使用语法教程

新的CSS 伪类函数 :is() 和 :where()示例详解

纯CSS打字动画的如何实现示例

CSS浮动引起的高度塌陷问题