css技巧之重置样式的那些事(css重写样式)

boyanx7个月前技术教程46

在前端开发中,为了统一各个浏览器的样式统一,我们要将各个浏览器的默认样式进行重新设置。这个过程就叫做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端注意事项,还有其他注意的几点 ,下次说!

相关文章

掌握这 7 个 CSS 技巧,代码效率秒提升

最近接了个项目,PM 又来催:“登录弹窗能不能加点透明毛玻璃效果?活动标题再做点酷炫的渐变?对了,用户的反馈框能不能调整大小?”听完这要求,我脑袋直接嗡了:又想炫酷,又不想加班,这不扯嘛!正当我愁得要...

微信小程序文本输入<input/> 详解

在微信小程序开发中,input 用来实现文本输入,如输入用户名密码等等1 基本使用<input class="input" name="userName" pla...

CSS 中 display,visiblity及 overflow 的作用和区别

很多人在使用 CSS 时,对 Display, Visibility 和 Overflow 三个属性的理解并不是很清晰,这里就对这三个属性做一下分析,对应三个属性在使用时的区别.Displaydisp...

行内元素与块级元素,以及区别(行内元素和块级元素有什么区别?)

行内元素与块级元素首先,CSS规范规定,每个元素都有display属性,确定该元素的类型,每个元素都有默认的display值,分别为块级(block)、行内(inline)。块级元素:(以下列举比较常...

Web 性能优化、文档及代码编辑器相关的新提案

作为使用 Web 技术的代码编辑器从业者,关注 Web 平台的各种新提案是工作的一部分。随着 Monaco Editor 被很多服务使用,我也开始收到各个新提案的发起者的邀请,对他们的提案提供反馈。其...

PHP入门读书笔记(十六):WEB页面使用PHP

Web表单主要用来在网页中发送数据到服务器,经过程序处理中,将用户所需要的信息再传递给客户端的浏览器上。这样就形成了一个浏览者和网站之间的一个互动。一、表单的提交方式<form name=’NA...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。