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

相关文章

来自专栏肖洒的博客

前端入门学习--HTML

写在前面。 前端知识真的还是比较有用的。一直要把前端的学习提上日程,因为各种事情各种拖延,写爬虫的时候也是捎带学习前端的东西,还是需要系统的了解下。 All ...

1163
来自专栏闻道于事

JavaScript事件与例子

事件,就是预先设置好的一段代码,等到用户触发的时候执行。 一:常见的事件: 1.关于鼠标的事件   onclick 鼠标单击触发   ondblclick 鼠标...

2677
来自专栏xingoo, 一个梦想做发明家的程序员

【前端开发系列】—— 利用选择器添加内容

  上文讲到了CSS3的选择器,通过after和before选择器,在元素前后添加内容。   也可以通过变量来实现自定义的标题 1     h1:before{...

1955
来自专栏抠抠空间

CSS基础

一、CSS简介 css概念     CSS(Cascading Style Sheet,层叠样式表)定义如何显示HTML元素。     当浏览器读到一个样...

2598
来自专栏Android开发与分享

【React Native】react-native-scrollable-tab-view

52012
来自专栏Python攻城狮

jQuery1.jQuery简介及使用2.jQuery语法3.jQuery选择器4,jQuery 事件函数及效果显示

jQuery 是一个 JavaScript 库。 jQuery 极大地简化了 JavaScript 编程。(write less,do more.)

793
来自专栏吴裕超

给新生成的节点(动态生成节点)绑定事件方法总结

第一种 jquery写法 $('.father').on('click',',child',function(){}) $(document).on('cli...

3356
来自专栏杂七杂八

HTML初学笔记1

[TOC] 什么是HTML HTML 是用来描述网页的一种语言。 HTML 指的是超文本标记语言 (Hyper Text Markup Language) ...

3657
来自专栏黑泽君的专栏

day02_css学习笔记

652
来自专栏余生开发

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

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

1724

扫码关注云+社区