51dev.com IT技术开发者社区

51dev.com 技术开发者社区

7种实现下划线的方法

7种实现下划线的方法

 1.“descenders” 指的是一个字体中,字母向下延伸超过基线的笔画部分,也称为下延部。方法一 text-decoration优点:1.使用方便 2.定位在基线下面3.在Safari和iOS里跳过了descenders4.多行也...

Html中设置按钮竖直居中

Html中设置按钮竖直居中

button标签一定要用一个div包裹着,类似于这种的,<divid="search"><divid="sbutton"><button>搜索</button></div></div>其中css的布局如下:#search{dis...

如何让html button本身居中?

如何让html button本身居中?

如何让你的htmlbutton本身居中呢?这个很好找思路,在其父标签中设置居中属性啊,如下:<html><body><center><buttononClick="myClick()">hitme</button></center&g...

一个简单的html编写的登录界面

一个简单的html编写的登录界面

<htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><title>taobao...

innerHTML的基本用法

innerHTML的基本用法

/*这串代码的vara的变量是我瞎写的。我忘记js咋样定义变量了,我是魔鬼我错了*/<pid="aa">...</p><script>vara=1;document.getElementById("aa").innerHTML=a;</script>i...

html中隐藏域hidden的作用介绍及使用示例

html中隐藏域hidden的作用介绍及使用示例

基本语法: <inputtype="hidden"name="field_name"value="value"> 作用: 1隐藏域在页面中对于用户是不可见的,在表单中插入隐藏域的目的在于收集或发送信...

用outerWidth把表头和表格内容相等

用outerWidth把表头和表格内容相等

一、写表格的时候也会检查遇到一些问题,比如   1、tbody内容过多需要出现横向滚动条   2、表头需要固定,但是表头和tbody内容需要一起滚动二、表格CSS样式写法  tabletbody{   display:block;   he...

最好看的配色RGB值以及如何找到自己喜欢的颜色搭配

最好看的配色RGB值以及如何找到自己喜欢的颜色搭配

RGB颜色查询对照表:http://tool.51dev.com/other/rgb.html首先、看几组非常漂亮的颜色搭配方案:看着这个配色是不是感觉很棒呢?从上面的图片中可以看到,这些配色都来自于一些好看的图片。所以通过某种方法,我们也可以得到自己的颜色搭配或色彩配色方案。那就是选一张自己喜欢的...

textarea文本域宽度和高度(width、height)自动适应变化处理

textarea文本域宽度和高度(width、height)自动适应变化处理

<HTML><HEAD><TITLE>textarea宽度、高度自动适应处理方法</TITLE><!--控制宽度的自动适应--><styletype="text/css">.comments{width:100%;/*自动适应父...

event.target 和 event.currentTarget 的区别

event.target 和 event.currentTarget 的区别

冒泡和捕获在页面中点击一个元素,事件是从这个元素的祖先元素中逐层传递下来的,这个阶段为事件的捕获阶段。当事件传递到这个元素之后,又会把事件逐成传递回去,直到根元素为止,这个阶段是事件的冒泡阶段。我们为一个元素绑定一个点击事件的时候,可以指定是要在捕获阶段绑定或者换在冒泡阶段绑定。当addEventL...

select 下拉框样式

select 下拉框样式

原生的select下拉框其实挺方便的,直接把选项写入option就能得到一个流畅的下拉框,但是原生的样式也是让人忧愁。首先,在各大浏览器中渲染出来的样式结果也是多样化,ie下的样式更是与众不同,会根据选项位置进行滑动。 从左往右依次为:Firefox、ie、Edge、chrome、Safa...

input 中文字如何上下居中

input 中文字如何上下居中

      <inputtype="text"style="height:40px;line-height:40px"/>即在CSS中,设置line-height:与height相等即可那...

Element Traversal规范中的元素遍历方法

Element Traversal规范中的元素遍历方法

对于元素间的空格,IE9以前的版本不会返回文本节点,而其他浏览器都会将空格当做是文本节点返回。这就导致了在使用childNodes和firstChild的属性时行为的不一致。为了弥补这一差异,而同时又保持DOM规范的不变,W3C ElementTraversal规范新定义了一组属性。Ele...

如何理解<head>部分未定义字符集

如何理解部分未定义字符集

在百度站长优化建议中提到“如果<head>部分未定义字符集,将增加页面渲染次数,速度减慢。”那么“<head>部分未定义字符集”是什么意思,怎么理解呢?“<head>部分未定义字符集”就是没有...

如何禁止网站文本框在手机端输入文字时网页自动放大

如何禁止网站文本框在手机端输入文字时网页自动放大

今天折腾代码的时候突然发现手机浏览页面点击输入框页面会自动放大,然后文本框部分被遮挡了,刷新网页后网页居然无法自动还原到原来的大小,然后通过对HTML的head部分设置meta属性解决了问题。代码如下:<metaname="viewport"content="width=device-widt...