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

相关文章

来自专栏吴裕超

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

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

3446
来自专栏前端小叙

Vue slot简单理解

情形一: 子组件定义了具名的slot,父组件使用具名的slot,slot显示顺序为子组件定义slot的顺序 子组件: Vue.component('child'...

4126
来自专栏前端知识分享

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

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

1622
来自专栏学海无涯

Android开发之自定义View(一)

Android常见的自定义控件有三种方式: 继承View 继承原有的控件,在原有控件的基础上进行修改 重新拼装组合 今天先来简单说一说第一种也是最复杂的一种~~...

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

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

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

2035
来自专栏余生开发

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

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

2184
来自专栏黑泽君的专栏

day02_css学习笔记

752
来自专栏从零开始学 Web 前端

从零开始学 Web 之 CSS(一)选择器

CSS 全称为 Cascading Style Sheets,中文翻译为“层叠样式表”,简称 CSS 样式表,所以称之为层叠样式表(Cascading Styl...

944
来自专栏一个爱吃西瓜的程序员

Web前端基础【2】--CSS基础

CSS指层叠样式表,用来定义如何显示HTML元素,一般和HTML配合使用。CSS样式表的目的是为了解决内容与表现分离的问题:即使同一个HTML文档也能表现出外观...

3366
来自专栏肖洒的博客

前端入门学习--HTML

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

1733

扫码关注云+社区