css
文章平均质量分 85
xiaoxiaohai123
软件开发
展开
-
CSS小结:一行内文本超出指定宽度溢出的处理
看到标题你一定很容易就会想到截断文字加“...”的做法。哈哈,就是这样。其实写这篇日志也只是把这样方法做个记录,因为好像还有很多人不记得遇到这样的情况该如何处理。 我们也可以参考52CSS.com以前的文章: CSS对文字溢出时的自动隐藏处理 http://www.52css.com/article.asp?id=95 如何设置列表(li)超出部分显示省略号 http://www.52css转载 2007-07-03 15:07:00 · 1893 阅读 · 0 评论 -
firefox与IE对javascript和CSS的区别
document.formName.item(”itemName”) 问题说明:IE下,可以使用document.formName.item(”itemName”)或document.formName.elements[”elementName”];Firefox下,只能使用document.formName.elements[”elementName”].解决方法:统一使用document.fo原创 2009-03-17 10:36:00 · 901 阅读 · 0 评论 -
IE6/IE7和Firefox对Div处理的差异
基本HTML代码“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>http://www.w3.org/1999/xhtml” >Div Float Samplediv { margin:3px; }.d1 { width:250px; min-height:20px; border:1px solid #00cc00; }.d2转载 2009-03-17 10:40:00 · 1278 阅读 · 0 评论 -
IE与FireFox的js和css (杂记)
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=bEnabled,sizingMethod=sSize,src=sURL)enabled:可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true:默认值。滤镜激活。false:滤镜被禁止。sizingMethod:可选项。字符串(String)。设置原创 2009-03-17 10:38:00 · 955 阅读 · 0 评论 -
a:link, a:visited, a:hover, a:active
:hover版本:CSS1/CSS2 兼容性:IE4+ NS4+语法: Selector : hover { sRules } 说明: 设置对象在其鼠标悬停时的样式表属性。 在CSS1中此伪类仅可用于a对象。且对于无href属性(特性)的a对象,此伪类不发生作用。在CSS2中此伪类可以应用于任何对象。 目前IE5.5+仅支持CSS1中的:hover。 :active版本:CSS1/CSS2 兼原创 2008-12-17 10:16:00 · 864 阅读 · 0 评论 -
CSS属性与JavaScript编码对照表
CSS与JS紧密配合,为我们的页面增添了很多别致的效果。为了达到某种特殊的效果我们需要用Javascript动态的去更改某一个标签的CSS属性。 比如:鼠标经过一个图片时我们让图片加一个边框,代码可能是这样:JavaScript中style后面的属性应该是什么? function imageOver(e) { e.style.border转载 2009-02-05 00:52:00 · 619 阅读 · 0 评论 -
CSS的各种浏览器兼容一栏表
CSS的各种浏览器兼容一栏表原创 2008-04-29 17:48:00 · 529 阅读 · 0 评论 -
自定义不同的链接样式
在css上写入.linkA a:link { color: #373737; text-decoration: none}.linkA a:visited { color: #373737; text-decoration: none}.linkA a:hover {color: 73CB42; text-decoration: none}.linkB a:link { color: #373转载 2007-05-24 16:43:00 · 698 阅读 · 0 评论 -
DHTML实例解析:用HTC统一定制表单样式
在制作表单的时候,我们往往用CSS来重新定义表单元素(如输入框、按钮等)的样式,以便看起来更加美观。而表单中的很多不同元素(如输入框、提交按钮、单选框)使用的是一个标记--Input,这就意味着,我们在CSS中无法通过只定义Input标记来达到我们分别定义样式的目的。一般的做法是定义几种Class,在写表单的时候,不同的元素使用不同的Class。但是在表单较多的时候,这仍显得不是很方便。 那转载 2007-05-22 08:52:00 · 571 阅读 · 0 评论 -
asp.net中动态变更CSS
在asp.net中,有的时候要动态变换CSS,比如有的时候做个性化页面,可以这样做之后,在要更换CSS的页面中,使用如下代码Sub Page_Load(Sender As Object, E As EventArgs) If Not (IsPostBack) MyStyleSheet.Attributes.Add("href","/css/flostyle.css") End IfEnd Sub转载 2007-05-18 10:19:00 · 665 阅读 · 0 评论 -
使用 CSS layout 的一些建议
在使用CSS建站时,您肯定遇到过形形色色的布局问题,最后可能被搞得焦头烂额。本文的目的是让您的设计过程更为容易,当您遇到困难时为您提供快速参考。 1、有疑问,先验证 在调试时,先对您的代码进行验证往往能省去不少麻烦事。格式不正确的XHTML/CSS 会导致许多布局上的错误。在其他浏览器中进行测试之前,请先在最先进的浏览器中撰写和测试CSS代码,而不是相反。 如果您在破旧的浏览器中转载 2007-05-17 17:56:00 · 569 阅读 · 0 评论 -
图片切换-CSS滤镜revealTrans的应用
第一种方法: style="BORDER-LEFT-COLOR: black; FILTER: revealTrans(duration=2,transition=10); BORDER-BOTTOM-COLOR: black; COLOR: #000000; BORDER-TOP-COLOR: black; BORDER-RIGHT-COLOR: black转载 2007-05-15 12:53:00 · 915 阅读 · 0 评论 -
div+css布局漫谈
div+css布局漫谈 1.CSS布局常用的方法:float : none | left | right 取值:none : 默认值。对象不飘浮 left : 文本流向对象的右转载 2007-05-15 10:19:00 · 449 阅读 · 0 评论 -
CSS 滤镜应用集锦 -- 巧用CSS的 RevealTrans 滤镜
CSS的RevealTrans动态滤镜是一个神奇的滤镜,它能产生23种动态效果,更为奇妙的是它还能在23种动态效果中随机抽用其中的一种。用它来进行网页之间的动态切换,简直方便极了,你只要在网页源代码的与之间插入这样一行代码:,当你进入这个页面时,网页将象拉幕一样从中间向两边拉开,是不是别具一格?!RevealTrans滤镜只有两个参数,Duration:是切换时间,以秒为单位;Transition转载 2007-05-15 09:55:00 · 701 阅读 · 0 评论 -
用css改变鼠标显示
一般而言,鼠标以斜向上的箭头显示,移到文本上时变为有头的竖线,移到超级链接上变为手型。但用css可控制鼠标的显示效果,如可使鼠标移到普通文本上也显示成手型。 用css控制的语法如下:文本或其它页面元素 把 * 换成如下15个效果的一种:hand、crosshair、text、wait、default、help、e-resize、ne-resize、n-resize、nw-resize、w-resi转载 2007-07-16 17:06:00 · 653 阅读 · 0 评论 -
css样式习总结
CSS 是 Cascading Style Sheet 的缩写。译作「层叠样式表单」。是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。一、样式表语法 (CSS Syntax)Selector { property: value } 参数说明: Selector -- 选择符property : value -- 样式表定义。属性和属性值之间用冒号(:)隔开。转载 2007-07-05 16:37:00 · 616 阅读 · 0 评论 -
图片垂直居中的使用技巧
在曾经的 淘宝UED 招聘 中有这样一道题目:引用“使用纯CSS实现未知尺寸的图片(但高宽都小于200px)在200px的正方形容器中水平和垂直居中。”当然出题并不是随意,而是有其现实的原因,垂直居中是 淘宝 工作中最常遇到的一个问题,很有代表性。题目的难点在于两点:垂直居中;图片是个置换元素,有些特殊的特性。至于如何解决,下面是一个权衡的相对结构干原创 2009-06-21 16:33:00 · 1329 阅读 · 0 评论