2016.04第4周 群问题分享

HTML+CSS

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表单”。

JavaScript

var array =['1', '2', '3', '4'];怎么变成 ['4', '3', '2', '1']

2016.4.25~2016.4.29

核心概念

颠倒数组中元素的顺序

参考答案

语法 arrayObject.reverse()可以实现刚才那效果。该方法会改变原来的数组，而不会创建新的数组副本。

HTML5学堂小编 - 陈林 耗时4h