css技巧之重置样式的那些事_css的初始化或重置

css技巧之重置样式的那些事_css的初始化或重置

编码文章call10242025-09-12 20:37:552A+A-

在前端开发中,为了统一各个浏览器的样式统一,我们要将各个浏览器的默认样式进行重新设置。这个过程就叫做css样式重置。

根据实际项目大家都有一套自己的样式。下面我们来看看需要特别说明的一些事:

1、textarea标签中,默认的方式为:both;就是说:在textarea的右下角有一个三角,用户可以拖动,以改变textarea的大小。

一般情况下我们将textarea的样式设置为:none;

textarea { resize:none; } /*防止拖动*/

2、浏览器默认图片都有3px的空白,以保证我们对齐样式:

img {border:0;vertical-align:middle; } /* 去掉图片底部默认的3像素空白缝隙*/

3、清除浮动的基本写法,目前有2中比较流行的写法。个人喜欢用以下这种:

需要注意一般pc端重置样式基本就是这3点,其他大家通用的就不说了。

不过在移动端除了pc端注意事项,还有其他注意的几点 ,下次说!

点击这里复制本文地址 以上内容由文彬编程网整理呈现,请务必在转载分享时注明本文地址!如对内容有疑问,请联系我们,谢谢!
qrcode

文彬编程网 © All Rights Reserved.  蜀ICP备2024111239号-4