Web 技术

css中input与button高度不一致的原因及解决方法

button在高度计算上始终使用了Quirks模式。在Quirks模式下,边框的计算是在元素的宽度内的,而不像标准模式一样计算在外部(button的高度包含边框的高度,而文本框text则不包含边框高度。)
Web 技术 vue

vue里使用v-for是创建一个唯一的key

1.使用index来作为唯一key当数组如果插入数据,就会改变index使index和key不是一一对应。2.使用item来作为唯一key当数组里有重复的数据时,就会使key的值重复,不是唯一3.可以使用 index+item来作为唯一keyeg:<li v-for=...
Web 技术

i标签的大小

i标签的icon可以用font-size来控制大小。
Web js 技术

JS 终止执行的方法

(一)在function里面(1)return; (2)return false; (二)非function方法里面alert("before error."); throw SyntaxError(); alert("after error....
Web 技术

用box-shadow来实现按钮按下去的效果

eg:input{ box-shadow: 0.5rem 0.5rem 2rem #babecc, -0.5rem -0.5rem 1rem #fff; } 这里input有了阴影效果,看起来像立体。input:hover{ box-shadwo:0 0 0 0 #ba...
Web 技术

收藏颜色

黑色类#373131#060a1f#2c3a47#646464绿色类#21cc17白色类#ebecf0#becacc#f2f2f2#f5f5f5蓝色类#03a9f4#03a9f4#127fd6#053a66红色类#f44115#ff060a#ff006a#ec006a黄色类...
Web js 技术

setInterval() 和clearInterval() 方法

HTML DOM setInterval() 方法定义和用法setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。由 setInterv...
Web 技术

css选择器的优先级和权重问题

CSS选择器的种类:1.id选择器如:(id=”name”,id=”name_txt)(*name)2.class选择器(如:class=”head”,class=”head_logo”)(#head)3.标签选择器(如:body,div,p,h1,form)4.全局选择器...
Web 技术

CSS calc() 函数

定义与用法calc() 函数用于动态计算长度值。需要注意的是,运算符前后都需要保留一个空格,例如:width: calc(100% - 10px);任何长度值都可以使用calc()函数进行计算;calc()函数支持 "+", "-", "*", "/" 运算;calc()函...