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

本文分享了响应式网站设计的经验,包括代码优化、UI框架使用、切图压缩、输入框设置、字体显示调整等,旨在提升网站性能和用户体验。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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

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.有字体输入的时候,考虑有没有文字限制

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值