css小技巧记录

1、 图片与文字对齐问题

图片与文字默认是居底对齐,所以当图片与文字在一起的时候往往都不对齐。

解决办法1:

1
img { vertical-align: text-bottom;}

解决办法2:

1
img { margin-bottom: -3px;}

css随机颜色的发现

早上收到开发提的一个需求,希望随机产生的背景颜色不要太浅(因为字体是白色的)恩,之前没有遇到过这种问题,遂上网百度了一下,也没有找到想要的答案;问了UI,她们也不知道,给我提了一个迂回的办法,说给字体黑色阴影,试了一下 ,恩,好丑┑( ̄Д  ̄)┍
没办法,自己研究了一下PS的拾色器,没想到,这么简单╮(╯▽╰)╭

编写更简洁有效的css

早上习惯性的打开 W3CPLUS ,看到有篇讲解BEM的文章,现总结如下:
文章中提到编写可维护的CSS有(BEM、OOCSS、SMASS/Atomic Design)许多解决办法。

关于<~DCOTYPE html>的一次bug

临下班,开发跟我说有个bug,就是表格字体都大一号的,其他都是正常的。首先想到的就是样式覆盖。先用console排查,反反复复看了两三遍,没有多余代码,倒是直接写内嵌样式就可以修复,但是,这工程量有点大,而且治标不治本呐。

随把线上代码复制到本地,把以前写的代码进行部分替换(自己觉得也许有问题的地方),找不到原因,只能死马当活马医了呗,结果还是有线上的bug存在。

这次删掉了所有多余的代码,突然发现,咦,<!DOCTYPE html>这句话去哪了,加上后发现,显示就正常了。

*(此处是句不文雅的话),和开发一沟通,果然,她们以前都是删掉的(ノへ ̄、)。。。