开发过程中的样式,项目优化总结

优化:公用的抽离,方便管理!!!

一:前端样式遇到的一些坑

第一个为问题界面,第二个正常效果。解决方法:查看层级z-index,增加权重;查看并取消overflow:hidden属性。

二:自适应样式出错

网页导入很多的插件框架时,样式可能会受到影响;解决方法:谷歌浏览器F12开发者模式审查元素,看float是否清楚,line-height是不是设置大了,弹性的布局的话要考虑参数,自适应布局要设置好最小(最大宽度)并且调试。

三:table表格滑过效果

错误示例,鼠标滑过tr变灰色,但是前后两个td也跟着变了,很难受。

正确应该为这样子;解决办法:给前后两个td加上类名,可以在css里给两个td加上背景白色(必要的话加上!important);另一种方法可以js绑定修改样式:

四:内阴影发光

五:注释大法好!!!易排错,方便查阅

六:layui 弹出层,修改(留好备用!!!)

可以使用web端弹框

六:超出文本省略(目录过长处理)

猜你喜欢

转载自blog.csdn.net/qq_42786011/article/details/87911349