用html css写网站注意得几个点

压缩图片本人近期写了响应式网站，总结一下经验，提高效率，简化代码量

1. 如果不引入UI框架的话，css开始请写入公共CSS代码 如  margin:0; padding:0, 后期调样式容易

2. 如果编写响应式的网站，还需要引入UI框架的话（boostrap）一定要避免写行内样式，尽量少写，不然后期调响应式很麻烦，

写class的时候，多写点容易区分的，比如不同的按钮有不同得颜色，可以定义公共得按钮 btn  ,在定义颜色  blue-btn, red-btn，这样需要变动的时候会简单些

class 尽量对到每个样式

3. 切图得时候可以压缩减少内存  https://tinypng.com/

4.input写输入框的时候，必要的话可以给加一个最大宽度，这样会避免很多问题 maxlength="100"

5.字体超出显示省略号  overflow:hidden; text-overflow:ellipsis;white-space:nowrap；

6. 高度超出显示滚动条    overflow-y:scrollp; max-height:100px;

7. 注意字体之间的间距（letter-spaceing）行高line-height    排列的时候一行两行的时候

8.有字体输入的时候，考虑有没有文字限制