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 条评论
登录 后参与评论

相关文章

来自专栏余生开发

插件集--页面滚动scrollreveal.js

scrollReveal.js 不依赖其他任何文件。不支持 IE10 以下 基本方法

1364
来自专栏前端说吧

css笔记 - 张鑫旭css课程笔记之 relative 篇

限制描述:absolute设置了方位值时,这些方位值是相对于position不为static的最近的父元素来定位的。如果父元素设置了relative,方位值就会...

472
来自专栏软件开发

CSS3与页面布局学习总结(一)——概要、选择器、特殊性与刻度单位

web前端开发者最最注的内容是三个:HTML、CSS与JavaScript,他们分别在不同方面发挥自己的作用,HTML实现页面结构,CSS完成页面的表现与风格,...

1918
来自专栏落花落雨不落叶

关于Html与css的一些解释

27712
来自专栏web前端-

HTML基础知识

  属性的作用就是就为元素提供更多的信息,大多数元素都可以拥有属性    属性的语法:<标签 属性1=参数1>   注意空格的使用

653
来自专栏吾爱乐享

php学习之css选择器(二)

1305
来自专栏lonelydawn的前端猿区

css选择器

下面是一张取自w3cschool的css选择器表 链接地址:http://www.w3school.com.cn/cssref/css_selectors.as...

1766
来自专栏Android小菜鸡

HTML JS DOM

  当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model)。HTML DOM 模型被构造为对象的树。

732
来自专栏青枫的专栏

day01_html学习笔记

761
来自专栏我和未来有约会

Blend基础-布局控件

布局 什么是布局? Panels控件(其实就是容器控件) 对内部的子控件提供了自动布局功能 可以在容器控件内继续添加容器控件(一个复杂的界面往往是多种容器控件...

1806

扫码关注云+社区