今天学习了很多,发现身上还有很多地方不足。
好好切图!
工作之前,一定要好好构思,好好构思!好好搭建!好好嵌套!
1. 当需要使用PS中的字体时,首先下载PS的字体,然后在https://www.fontsquirrel.com/tools/webfont-generator网站上进行格式转换,建议用Safir浏览器打开,(Chrome在转换的过程会出现卡顿),使用@font-face语法进行创建字体库。还要转换很多格式来使用其他浏览器。
![](https://img.haomeiwen.com/i3163422/ea2531242e8b6a3f.png)
2. 测量字体的颜色,直接T然后一拉就能看的到字体的颜色,大小以及字体样式。
3. 背景图可以用background-size:xpx,ypx;来做,背景图一定要切好~
4. 字体之间保留空格,word-spaceing:pre-wrap
5. 一些元素背景需要透明度,有时候可以用rgba来做,如果子元素不需要透明度,position:relative;z-index:2;这样子元素就不会有透明度。
6. 查看字体是否加粗了,T拉住字体
![](https://img.haomeiwen.com/i3163422/180766e0ecfd9979.png)
7. safir浏览器无法识别input type="search",必须换到text
8. 有a标签的地方别忘了
9. textarea不让他有拖动的功能(放大)resize:none
10. 裁图技巧
![](https://img.haomeiwen.com/i3163422/7e69002e427f544f.png)
11. 行高的测量方式
![](https://img.haomeiwen.com/i3163422/56ae686a73c46a83.png)
![](https://img.haomeiwen.com/i3163422/56855e4907a2e3cc.png)
12. textarea有个bug,就是如果标签之间存在空格,他的placeholder就不会显示,要这样才能解决
![](https://img.haomeiwen.com/i3163422/a639e0cd162ed234.png)
网友评论