2018-03-23

今天学习了很多,发现身上还有很多地方不足。

 好好切图!

 工作之前,一定要好好构思,好好构思!好好搭建!好好嵌套!

1. 当需要使用PS中的字体时,首先下载PS的字体,然后在https://www.fontsquirrel.com/tools/webfont-generator网站上进行格式转换,建议用Safir浏览器打开,(Chrome在转换的过程会出现卡顿),使用@font-face语法进行创建字体库。还要转换很多格式来使用其他浏览器。

2018-03-23_第1张图片

2. 测量字体的颜色,直接T然后一拉就能看的到字体的颜色,大小以及字体样式。

3. 背景图可以用background-size:xpx,ypx;来做,背景图一定要切好~

4. 字体之间保留空格,word-spaceing:pre-wrap

5. 一些元素背景需要透明度,有时候可以用rgba来做,如果子元素不需要透明度,position:relative;z-index:2;这样子元素就不会有透明度。

6. 查看字体是否加粗了,T拉住字体

2018-03-23_第2张图片

7. safir浏览器无法识别input type="search",必须换到text

8. 有a标签的地方别忘了

9. textarea不让他有拖动的功能(放大)resize:none

10. 裁图技巧

2018-03-23_第3张图片

11. 行高的测量方式

2018-03-23_第4张图片
2018-03-23_第5张图片

12. textarea有个bug,就是如果标签之间存在空格,他的placeholder就不会显示,要这样才能解决

你可能感兴趣的:(2018-03-23)