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

原文发布于微信公众号 - HTML5学堂(h5course-com)

原文发表时间:2016-05-01

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏vue学习

CSS日常踩坑后的总结(猜测你也会遇到的,持续更新。。。)

可以用left:50%加上margin-left:-(宽度/2),来实现绝对定位的水平居中,这里的宽度指的是设置为绝对定位的元素的宽度

813
来自专栏用户2442861的专栏

CSS技巧(一):清除浮动

http://www.cnblogs.com/ForEvErNoME/p/3383539.html

121
来自专栏web前端

smartClient 3--布局

一、组件的布局(如何将组件按照想要的方式进行布局,如左右布局,上下布局等等,这里是大框架下的整体布局) HLayout  水平 VLayout   垂直 HSt...

1877
来自专栏九彩拼盘的叨叨叨

Grid 布局写法示例

Grid 可以简便、完整、响应式地实现各种页面布局。它比 Flex 布局功能更强大。

612
来自专栏desperate633

浅谈JavaScript如何操作html DOMJavaScript 能够改变页面中的所有 HTML 元素改变 HTML 样式** JavaScript 有能力对 HTML 事件做出反应**添加和删除

** 通过 HTML DOM,可访问 JavaScript HTML 文档的所有元素。**

521
来自专栏河湾欢儿的专栏

2.布局解决方案- 水平布局<1>

水平布局 写出两个盒子并满足以下条件条件: 1.里面的宽度盒子不固定 2.外面盒子的宽度不固定

783
来自专栏十月梦想

css的position定位详解

iii.  父级元素定位(绝对定位absolute)的子元素absolute定位情况:都不保留原文档流空白

623
来自专栏web前端-

JQ事件和事件对象

  //mouseover()/mouseout()和mouseenter()/mouseleave()的区别

752
来自专栏前端知识分享

第141天:前端开发中浏览器兼容性问题总结(二)

在浏览器中想要垂直居中,设置vertical-align:middle; 不起作用。例如:ie6下文本与文本输入框对不齐,需设置vertical-align:m...

552
来自专栏小白客

Web前端基础【1】--HTML基础

HTML不是编程语言,是一种表现网页信息的符号标记语言。标记语言是一套标记,HTML使用标记来描述网页。Web浏览器的作用就是读取HTML文档,并以网页的形式显...

3378

扫描关注云+社区