![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html/css
gnail_oug
这个作者很懒,什么都没留下…
展开
-
input输入框中的光标上下不居中的解决方法
谷歌和火狐下input输入框中的光标大小显示不一致input输入框用一个背景图模拟,设置height和line-height一样的高度,使里面的输入文字能够居中,在FF下出现的情况是:点击input时,输入光标其实上跟input的height一样高,但当开始输入文字时,光标又变得跟文字一样高,chrome下光标跟input的height一样高,而IE下光标跟文字的大小一致。一直没弄明白为什转载 2015-07-18 10:28:36 · 16162 阅读 · 0 评论 -
HTML label标签介绍
label标签介绍label标签为input元素定义标注(标记),它不会向用户呈现任何特殊效果,和span标签类似。但label标签和span标签最大的区别就是它为鼠标用户改进了可用性,可以关联特定的表单控件。label标签和特定表单控件关联之后,如果用户在 label 元素内点击文本,就会触发关联的表单控件。就是说,当用户选择该label标签时,浏览器就会自动将焦点转到和label标签相关的表单控原创 2017-06-03 15:03:14 · 50725 阅读 · 2 评论 -
HTML注意事项
重新简单翻看了一下HTML 4.01教程,记录一下几个知识、提示。HTML定义HTML 指的是超文本标记语言,是Hyper Text Markup Language的缩写,HTML 不是一种编程语言,而是一种标记语言 (markup language)。不要忘记结束标签即使您忘记了使用结束标签,大多数浏览器也会正确地显示 HTML:<p>这是没有结束标签的段落<p>这是没有结束标签的段落上面的例子原创 2016-12-26 15:59:45 · 788 阅读 · 0 评论 -
20个编写现代CSS代码的建议
一、明白何谓Margin Collapse 不同于其他很多属性,盒模型中垂直方向上的Margin会在相遇时发生崩塌,也就是说当某个元素的底部Margin与另一个元素的顶部Margin相邻时,只有二者中的较大值会被保留下来,可以从下面这个简单的例子来学习:.square { width: 80px; height: 80px;}.red { background-转载 2016-12-18 11:44:02 · 705 阅读 · 0 评论 -
防止INPUT回车自动提交FORM表单
在做广菲克项目里的一个修改功能时,发现form表单里只有一个input时,按回车form就自动提交了。form中的input只有一个,input获得焦点时按回车会form自动提交:<!doctype html><html> <head> <meta charset="UTF-8"> <title>test</title> </head> <body> <form action原创 2016-12-06 10:44:30 · 3148 阅读 · 0 评论 -
html页面跳转传递参数
从a.html跳转到b.html页面,如果给b.html传递参数,可以通过下面的方式来传递:直接将参数拼接到url上,如b.html?param1=aa¶m2=bb 通过正则表达式解析参数 a页面代码:<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=UT原创 2016-11-22 15:32:48 · 29138 阅读 · 7 评论 -
IE6、IE7下a标签后面的span元素向右浮动后错位的解决方法
把右浮动的span元素放在了a标签之后,会导致在IE6、IE7这些老式浏览器下显示错位的情况,代码如:关于我们2011-15-15 15:00:45或关于我们2011-15-15 15:00:45正确的写法是:把span元素放在a标签之前,代码如:2011-15-15 15:00:45关于我们或2011-15-15 15:00:45关于我们转载 2015-07-18 10:12:51 · 2773 阅读 · 0 评论 -
html a标签中调用js的几种方法
我们常用的在a标签中有点击事件:1. a href="javascript:js_method();"这种方法在传递this等参数的时候很容易出问题,而且javascript:协议作为a的href属性的时候不仅会导致不必要的触发window.onbeforeunload事件,在IE里面更会使gif动画图片停止播放。W3C标准不推荐在href里面执行javascript语句2. a hr转载 2016-07-16 19:27:57 · 6644 阅读 · 0 评论 -
设置input标签按tab键时不获取焦点的方法
要求输入物料编号,按tab键后,自动获取并填充配件编号、配件名称和品牌列,并且将光标物料编号input直接移到数量的input里,如下图(表格的单元格里都是input,只是border去掉了):解决方法:1、将配件编号、配件名称、品牌的input的tabindex设置很大(不推荐这种方式,推荐使用第2种)2、将配件编号、配件名称、品牌的input的tabindex设原创 2015-07-18 10:47:45 · 9997 阅读 · 0 评论 -
IE7浏览器z-index问题的解决方法
Html代码 This box should be on topThis box should not be on top; IE however seems to create a new stacking context for positioned elements, even when the computed z-index of that element is 'au转载 2015-07-18 10:19:05 · 957 阅读 · 0 评论 -
禁止浏览器中双击选中元素的解决方法
问题情况:项目购物车列表点击加减号修改购买数量时,会选中旁边的元素,显示一个蓝色块,体验感觉很不好解决方法:IE和Chrome浏览器的方法相同,在相应的元素中添加 onselectstart="return false;" 即可阻止选中元素,这种方式不适合火狐浏览器,火狐浏览器要通过css样式实现,元素样式中添加 “-moz-user-select:none;”即可。所以如果要转载 2015-07-18 11:09:34 · 2996 阅读 · 0 评论 -
如何识别静态网页与伪静态网页
什么是静态页面呢? HTML格式的网页通常被称为“静态网页”,早期的网站一般都是由静态网页制作的。静态网页有五个特点:静态网页每个网页都有一个固定的URL,且网页URL以.htm、.html、.shtml等常见形式为后缀,而不含有?;态网页是实实在在保存在服务器上的文件,每个网页都是一个独立的文件等。什么是伪静态呢? 顾名思义,伪静态是相对真实静态来讲的.通转载 2015-07-18 10:59:08 · 1702 阅读 · 0 评论 -
CSS相对定位和绝对定位详解
相对定位和绝对定位,不改变元素的大小形状,只改变元素的位置。相对定位和绝对定位是通过position属性来控制的,position属性的值为下面几种: 值 描述 absolute 使元素绝对定位,相对于static定位以外的最近的一个祖先元素进行定位。元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。 relative 使元素相原创 2017-08-25 10:33:03 · 13835 阅读 · 3 评论