CSS样式
宇凡网络
算是老程序猿了,ASP、PHP、Python、Java,前端都会一些,会的再多依然是苦逼的程序猿而已。。。自己工作的一些东西记录下来,遇到的一些小问题记录下来,希望能够帮助一些人。
展开
-
CSS样式小技巧
防止词组换行断开 white-space:nowrap;防止图片撑破页面,文章内容中的图片自适应css代码防止图片撑破页面,文章内容中的图片自适应css代码以下css代码插入templets/style/page.css里面,680改成你要控制的最大宽度。这样当文章中图片宽度超过680后,自动按比例缩小成680,而对于那些宽度没有超过680的,保持原来的尺寸不变。原创 2012-11-10 21:25:53 · 566 阅读 · 0 评论 -
鼠标点击文本框,边框变色
实现方法:代码解说:onblur为鼠标移出事件,当前没有调用 class,故为空onfocus为鼠标点击事件,调用类名为in的class,在in里设置不同的边框颜色,当鼠标点击时,文本框的边框颜色就会改变。原创 2013-01-12 12:38:50 · 2088 阅读 · 0 评论 -
div容器内自适应宽度ul居中
如何让不定宽度的UL相对父级DIV居中ul居中在oprea和firefox中用margin:0 auto;和text-align:center;就可以轻松的实现了,然而在IE中确是居左显示的,具体的错误原因就有待高手去考证。下面的方法可以轻松的实现ul居中显示,注意ul和li都必须定义float,否则无效哦。相信大家都知道float:left和float:right,那么是否想过float原创 2013-03-11 22:27:32 · 3722 阅读 · 0 评论 -
CSS实现文字上标、下标
.sup{vertical-align:super; color:red; font-size:9px; font-family:Arial, Helvetica, sans-serif;margin:10px 0px 0px 0px}.sub{vertical-align:sub; color:red; font-size:9px; font-family:Arial, Helvet转载 2013-04-08 10:29:50 · 3581 阅读 · 0 评论 -
常用限制input的方法的js代码
1.取消按钮按下时的虚线框,在input里添加属性值 hideFocus 或者 HideFocus=true 2.只读文本框内容,在input里添加属性值 readonly 3.防止退后清空的TEXT文档(可把style内容做做为类引用) 4.ENTER键可以让光标移到下一个输入框 5.只能为中文(有闪动) 6.只转载 2013-05-02 15:14:15 · 537 阅读 · 0 评论