交流？独裁？技术-目的-改变世界...远离编程，珍爱生命。


随笔分类 -  HTML/CSS

css控制textarea固定大小不可拖动
摘要：有时候textarea和其他表单元素排列的太紧凑的话，用户拉动textarea就会影响整个页面的美观；1，隐藏右下角可拖动状态条 resize:none;2,控制高度宽度（可以通过 cols 和 rows 属性来规定 textarea 的尺寸，不过更好的办法是使用 CSS 的 height 和 w... 阅读全文
posted @ 2014-10-21 17:36 Jinx007 阅读(1357) 评论(0) 推荐(0)
js绑定回车事件
摘要：全局触发式绑定document.onkeydown = function(e){ if(!e) { e = window.event; } if((e.keyCode || e.which) == 13) { //event }} 阅读全文
posted @ 2014-10-20 17:22 Jinx007 阅读(213) 评论(0) 推荐(0)
li标签下a标签的宽高度显示
摘要：默认情况下，即使你为a标签添加了css如下：a{ width:100px; height:100px; background:red;}这个时候不一定会显示真实效果;貌似默认这个背景是隐藏的所以修改css如下:a{ width:100px; height:100px; backgroun... 阅读全文
posted @ 2014-10-20 17:20 Jinx007 阅读(488) 评论(0) 推荐(0)
CSS中padding和margin的区别
摘要：在CSS中margin是指从自身边框到另一个容器边框之间的距离，就是容器外距离。在CSS中padding是指自身边框到自身内部另一个容器边框之间的距离，就是容器内距离。 下面讲解 padding和margin常用的用法一、padding1、语法结构（1）padding-left:10px; ... 阅读全文
posted @ 2014-10-20 17:19 Jinx007 阅读(243) 评论(0) 推荐(0)
CSS控制字体粗度
摘要：.style{ font-weight:bold;}.style_another{ font-weight:800;} 阅读全文
posted @ 2014-10-20 17:17 Jinx007 阅读(246) 评论(0) 推荐(0)
readOnly和disabled的区别
摘要：Readonly和Disabled它们都能够做到使用户不能够更改表单域中的内容。但是它们之间有着微小的差别，总结如下： Readonly只针对input(text / password)和textarea有效，而disabled对于所有的表单元素都有效，但是表单元素在使用了disabled后，当我们... 阅读全文
posted @ 2014-10-17 10:08 Jinx007 阅读(151) 评论(0) 推荐(0)
关于input标签只能输入数字
摘要：创建一个input标签添加如下： 阅读全文
posted @ 2014-10-17 10:08 Jinx007 阅读(210) 评论(0) 推荐(0)
固定位置不浮动属性
摘要：position:fixed;/*fixed总是以body为定位时的对象，总是根据浏览器的窗口来进行元素的定位，通过"left"、 "top"、 "right"、 "bottom" 属性进行定位。*/absolute生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。元素的位置... 阅读全文
posted @ 2014-10-17 10:05 Jinx007 阅读(224) 评论(0) 推荐(0)
table表单边框
摘要：table,th,td{ border:1px solid blue;}/*边框像素1px；solid代表实心;颜色:blue;*/ 阅读全文
posted @ 2014-10-17 10:00 Jinx007 阅读(194) 评论(0) 推荐(0)
JS正则校验数字，特殊字符，邮箱基本格式
摘要：一）校验数字var ab = /^[0-9\ ]+$/; var tel = 23234e; if(ab.test(tel) == false){ alert("手机号码不正确！");}二）校验邮箱var regu ="^(([0-9a-zA-Z]+)|([0-9a-zA-Z]+[_.0-9a-zA... 阅读全文
posted @ 2014-05-08 17:06 Jinx007 阅读(265) 评论(0) 推荐(0)
JS获取操作系统及浏览器信息
摘要：Insert title here 阅读全文
posted @ 2014-04-25 11:10 Jinx007 阅读(142) 评论(0) 推荐(0)
关于鼠标悬浮标签元素效果（CSS:cursor属性）
摘要：default默认光标（通常是一个箭头）auto默认。浏览器设置的光标。crosshair光标呈现为十字线。pointer光标呈现为指示链接的指针（一只手）/在IE中效果与hand相同，所以hand不是所有浏览器都兼容的move此光标指示某对象可被移动。e-resize此光标指示矩形框的边缘可被向右... 阅读全文
posted @ 2014-03-27 11:58 Jinx007 阅读(277) 评论(0) 推荐(0)


Medivh 麦迪文——世界最后的守护者。