(从已经死了一次又一次终于挂掉的百度空间人工抢救出来的,发表日期2014-05-05) 飞鱼的声纳顶部的搜索框让我头疼了很长时间,原因是总不能获得跨浏览器的统一样式.主要的问题有这么两个:一是input标签的高度不能统一,Firefox和IE中的高度始终不能一致:二是在IE浏览器中属性为text的input标签中的输入文字不像标准浏览器中的那样垂直居中显示,而是靠输入框的左上角显示. 为了彻底解决搜索框的这些问题,我以GreenGaint主题搜索框的样式为准,重写了一遍代码并且以像素为单位测量了…
写css时要注意数字的浮动方向  当数字位数增加时他的方向才是正确的 text-align:right;padding-right:29px;…
去除input标签点击时的默认样式的方法 outline:none; //去除点击时的边框 border : none; //去除input框的边框…
JavaScript 里,$ 代表什么? 比如说我写一个mouseover事件: $(document).ready(function(){ $("p").mouseover(function(){ $("p").css("background-color","#333"); }); });   $只是一个普通字符,由于jQuery的广泛应用,$被当作jQuery的标识符. <html> <head>&…
本文为博主原创,未经允许不得转载: <input id="exportCameraButton" type="button" class="btn btn-success" value="导出" style="background: rgb(0, 184, 184);" onclick="exportCamera()"> 点击按钮,触发onclick事件,并作出相应的响应.…
1. onchange事件与onpropertychange事件的区别: onchange事件在内容改变(两次内容有可能相等)且失去焦点时触发: onpropertychange事件是实时触发,每增加或删除一个字符就会触发,通过js改变也会触发该事件,但是该事件是IE专有. 2. oninput事件与onpropertychange事件的区别: oninput事件是IE之外的大多数浏览器支持的事件,只在value改变时实时触发,但是通过js改变value时不会触发:从自动下拉中选取时,不会触发,…
<!-- TITLE: 使用css时的一些技巧及注意事项 --> # CSS推荐书写顺序: 1. 位置属性(position, top, right, z-index, display, float等)2. 大小(width, height, padding, margin)3. 文字系列(font, line-height, letter-spacing, color- text-align等)4. 背景(background, border等)5. 其他(animation, transi…
在内容中 一行内容包括三张图片,每张图片下面有标题和具体介绍,那么可以使用: 分析和解决如下步骤: 1,一行三块,先向左浮动成为一行float:left. 2,把他们的宽度平分三份,33.3%.三份都一样,所以共同属性写在comment中. 3,再调整他们的内边框,外边框等等.调整好外面一层,再写里面一层.从外面到里面敲代码. 4,因为下面三块的内容的样式基本都差不多,所以在写框架时,可以把它们重复的全部整理写到一起. 5,存在换行时,基本都使用块级元素div h1等等,如果不存在换行的话才使用…
做网站时经常有这样那样的需要,要美化input ,于是CSS的美化必不可少.和程序人生的站长交流,他发给我这个. 下面是CSS样式 input { border:1px solid #B3D6EF; background:#ffffff; } input { star : expression( onmouseover=function(){this.style.backgroundColor="#D5E9F6"}, onmouseout=function(){this.style.b…
一般情况下,行内元素设置宽高是无效的,常见的有a标签.img和input也属于行内元素,但他们却可以设置宽高!!!! 查阅了一些资料才明白,原来css的元素还有另外一种分类方法,可替换元素,不可替换元素. a)可替换元素 浏览器根据标签的属性来决定元素的具体显示内容.如img标签,浏览器通过src属性读取图片信息(包括图片的宽高)来显示出来.input标签,通过它的type属性来决定它是文本域(type="text'),还是提交按钮(type="submit")等,对于表单元…