img图片下面产生3px间隙问题
2016.4.25~2016.4.29
行元素垂直方向的对齐方式和行块元素转换
方法一:设置图片的垂直对齐方式。设置该元素vertical-align:top/bottom/text-top/text-bottom/middle 只要vertical-align不取baseline,这个空隙就消失了。
方法二:设置父级元素font-size: 0;可以解决这个问题。
方法三:将图片转换为块级元素。转换img行内元素的特性为块元素,设置display: block;可以解决这个问题。
方法四:设置图片的浮动属性。给img设置浮动float:left;可以解决这个问题。
input文本框光标放上去怎么去除浅蓝色外边框
2016.4.25~2016.4.29
input标签里面各种属性的作用
为了处理不同浏览器的不同样式(不同浏览器的input框,边框不同,背景也不同),需要将文本框的背景去除掉,并且将背景设置为图片。(border与background的设置)
在文本框获得焦点的时候,文本框外部会有不同的样式(根据浏览器而定),因此需要清除样式,设置outline: none; 即可。
相关知识可以在HTML5学堂官网搜索“form表单”。
input标签里面autofocus起什么作用
2016.4.25~2016.4.29
input标签里面各种属性的作用
autofocus属性是HTML5中的新属性。IE10、Firefox、Opera、Chrome和Safari支持autofocus属性。
autofocus属性是一个布尔属性。autofocus属性规定当页面加载时<input>元素应该自动获得焦点。
相关知识可以在HTML5学堂官网搜索“form表单”。
input标签里面name有什么作用
2016.4.25~2016.4.29
input标签里面各种属性的作用
name属性规定input元素的名称。
name属性用于对提交到服务器后的表单进行标识,或者在客户端通过JavaScript 引用表单数据。(只有设置了name属性的表单元素才能在提交表单时传递他们的值)。在没有数据交互的情况下,input的name是没有作用的。
相关知识可以在HTML5学堂官网搜索“form表单”。
var array =['1', '2', '3', '4'];怎么变成 ['4', '3', '2', '1']
2016.4.25~2016.4.29
颠倒数组中元素的顺序
语法 arrayObject.reverse()可以实现刚才那效果。该方法会改变原来的数组,而不会创建新的数组副本。
HTML5学堂小编 - 陈林 耗时4h