随笔分类 - html+css
摘要：关于< input type=“number” />可以输入字母e！！！ 今天偶然间发现一个神奇的问题：一个type属性值设置为number类型的input标签可以输入字母e|E <input type="number" class="form-control" placeholder="numbe
阅读全文
摘要：兼容iphone4/4s @media (device-height:480px) and (-webkit-min-device-pixel-ratio:2){ } 兼容iphone5 @media (device-height:568px) and (-webkit-min-device-pix
阅读全文
摘要：CSS3中的box-sizing 属性允许以特定的方式来指定盒模型，有两种方式： content-box：标准盒模型，又叫做 W3C盒模型，一般在现代浏览器中使用的都是这个盒模型 border-box：怪异盒模型，低版本IE浏览器中的盒模型 现代浏览器和IE9+默认值是content-box。语法格
阅读全文
摘要：第一步：在网页代码的头部，加入一行viewport元标签 （1）viewport是网页默认的宽度和高度，上面这行代码的意思是：网页宽度默认等于屏幕宽度 （width=device-width），原始缩放比例（initial-scale=1）为1.0，即网页初始大小占屏幕面积的100%。 所有主流浏览
阅读全文
摘要：只要指定label的"for"属性到radio的id就行，或者用label标签包围住radio。 第一种方式: 第二种方式:
阅读全文
摘要："左边固定，右边自适应的两栏布局"，其中有老生常谈的float方法,BFC方法，也有CSS3的flex布局与grid布局。并非所有的布局都会在开发中使用，但是其中也会涉及一些知识点。 常用的宽度自适应的方法通常是利用了block水平的元素宽度能随父容器调节的流动特性。另外一种思路是利用CSS中的ca
阅读全文
摘要：一、时间选择的种类: HTML代码：选择日期：<input type="date" value="2018-11-15" /> 选择时间：<input type="time" value="22:52" /> 选择星期：<input type="week" /> 选择月份：<input type="
阅读全文
摘要：（一）-webkit-tap-highlight-color 这个属性只用于iOS (iPhone和iPad)。当你点击一个链接或者通过Javascript定义的可点击元素的时候，它就会出现一个半透明的灰色背景。要重设这个表现，你可以设置-webkit-tap-highlight-color为任何颜
阅读全文
摘要：HTML部分： css部分： JS部分：
阅读全文
摘要：HTML部分： CSS部分： JS部分：
阅读全文
摘要：https://www.cnblogs.com/xinjie-just/p/5911086.html
阅读全文
摘要：它是使用CSS中的伪元素来实现的，主要由以下三个来完成： 1. -webkit-scrollbar：定义滚动条的样式，如长宽。 2. -webkit-scrollbar-thumb：定义滚动条上滑块的样式。 3. -webkit-scrollbar-track：定义滚动条主干部分（背景）的样式。 4
阅读全文
摘要：IE/Opera属于同一类型，使用attachEvent即可添加滚轮事件。 Firefox使用addEventListener添加滚轮事件 。 Safari与Chrome属于同一类型，可使用HTML DOM方式添加事件 window.onmousewheel=document.onmousewhee
阅读全文
摘要：这是jQuery里常用的2个方法。他们两者功能是完全不同的，而初学者往往会被误导。 首先 我们看.find()方法：现在有一个页面，里面HTML代码为;程序代码 如果我们使用find()方法： 将会输出： 如果使用filter()方法： 将会输出： 也许你已经看出它们的区别了。find()会在div
阅读全文
摘要：移动端 h5开发相关内容总结——CSS篇
阅读全文
摘要：rem 单位在做移动端的h5开发的时候是最经常使用的单位。为解决自适应的问题，我们需要动态的给文档的更节点添加font-size 值。使用mediaquery 可以解决这个问题，但是每一个文件都引用一大串的font-size 值很繁琐，而且值也不能达到连续的效果。 就使用js动态计算给文档的fopn
阅读全文
摘要：一、取消a标签在移动端点击时的蓝色 二、使用图片作为a标签的点击按钮时，当触发touchstart的时候，往往会有一个灰色的背景 三、改变选中内容的背景颜色，如果要去掉选中时的颜色，把background都置为none就行了。 四、去除ios input框点击时的灰色背景 1 2 -webkit-t
阅读全文
摘要：HTML编码规范 WEB前端命名规范
阅读全文
摘要：CSS命名规则 头：header 内容：content/containe 尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体布局宽度：wrapper 左右中：left right center 登录条：loginbar 标志：logo 广告：banner 页面
阅读全文
摘要：准备工作1：设置Meta标签 首先我们在使用Media的时候需要先设置下面这段代码，来兼容移动设备的展示效果： 1 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, use
阅读全文
