nunumaymax的博客

在很多场景下，输入框是会被要求限制只能输入数字，不能输入文字或者符号的。通常我们会使用input事件 + 正则表达式 去实现这个功能，但今天提供另一种css的方法，将 type=”number” 的数字输入框去掉末尾的箭头，直接实现一个只能输入数字的输入框

在一些官网或者电商项目中，往往存在大量的图片，如 banner 广告图，菜单导航图，商家列表头图等。图片过多以及图片体积过大往往会影响页面加载速度，造成不良的用户体验，所以对图片进行优化势在必行。请参考：前端性能优化——图片篇。

当一个包含文本的元素使用了 100% 的屏幕宽度，该算法会增加文本大小，但是不会修改布局。为了将视窗上的布局映射到原始设备屏幕上，手机浏览器要么只渲染整个页面的一部分，要么将视窗缩放至原始屏幕大小。因为许多网站还没有适配屏幕较小的设备，移动设备的浏览器在渲染网页时可能会有不同。这个属性允许开发者去除或者修改浏览器的这种行为，比如，当网页已经适配了小屏幕之后，就不需要这么做了。注意：对于这个属性，不同浏览器有不同的行为和语法，所以需要在想要应用的浏览器加上属性前缀。

h5新标签和css3新特性一、h5布局元素二、css3新增样式1.边框圆角2.阴影3.形变：旋转、缩放、位移一、h5布局元素布局元素相当于有语义的div，可以让人快速的了解整个静态页面的大致结构。header：网页头部nav：导航栏aside：侧边栏article：显示文章section：布局的一部分footer：网页页脚二、css3新增样式1.边框圆角border-radius: 左上 右上 右下 左下；如果设置一个值，则这个值代表全部方向；border-radius:3

css选择器总结一、基本选择器1.id选择器2.类选择器3.标签选择器4.通用选择器5.属性选择器二、组合选择器1.后代选择器2.子元素选择器3.相邻兄弟选择器4.交集选择器5.并集选择器三.伪类和伪元素选择器1.标记状态的伪类2.筛选功能的伪类3.伪元素选择器一、基本选择器1.id选择器选择指定id元素#demo{ color:red;}<h1 id="demo">hello world</h1>2.类选择器选择指定class.demo{ color:re

css属性总结一、元素初始化1.元素边距初始化2.列表元素边距初始化二、元素的宽度和高度1.元素高度和宽度的计算方法2.设置box-sizing总结一、元素初始化1.元素边距初始化消除所有元素的边距* { margin: 0; padding: 0;}2.列表元素边距初始化由于消除所有元素的边距，会对ul,li元素造成影响，解决方法如下：ul { // 让点在父元素内部 list-style: inside; ... // 让点消失 list-style: none;}