转载——css 填坑常用代码分享

本文分享了一系列CSS技巧,包括解决浏览器兼容性问题、优化输入框样式、实现文本两端对齐、利用CSS3创建渐变和投影效果等。这些技巧涵盖了从基本布局到高级视觉效果的各个方面,适用于前端开发者提升网页设计质量。

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

原文地址:https://www.cnblogs.com/jikey/p/4233003.html

1. 文字换行

2. 两端对齐 

3. 去掉Webkit(chrome)浏览器中input(文本框)或textarea的黄色焦点框

     去掉chrome记住密码后自动填充表单的黄色背景 

4. ie6: position:fixed

5. clearfix

6. seperate-table

7. 光标大小:

8. min-height: 最小高度兼容代码

9. 鼠标不允许点击:

10. mac font: osx平台字体优化

11. 省略号:

 

CSS3

1. 渐变:

2.投影:

3. search占位 

4. CSS 实现 textArea 的 placeholder 换行

5. 取消chrome form表单的聚焦边框:

6. 取消a链接的黄色边框:

7.chrome字体缩小:

8. webkit 水平居中:

9.placeholder占位符颜色自定义

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值