随笔 - 281  文章 - 24 评论 - 43 阅读 - 23万
< 2025年3月 >
日 一 二 三 四 五 六
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

随笔分类 -  CSS

1 2 下一页
CSS 单行溢出文本显示省略号...的方法（兼容IE FF）（转）
摘要：CSS 单行溢出文本显示省略号...的方法（兼容IE FF）（转） html代码：<div><p><span>CSS Web Design 我爱CSS-Web标准化 Div+css教程 - www.52css.com</span><p></div>css代码：div{width:200px;/*容器的基本定义*/height:... 阅读全文
posted @ 2010-05-10 18:14 阿C's 阅读(443) 评论(0) 推荐(1) 编辑
[转]强大的CSS表达式
摘要：IE5及其以后版本支持在CSS中使用expression，用来把CSS属性和 Javas cript表达式关联起来，这里的CSS属性可以是元素固有的属性，也可以是自定义属性。就是说CSS属性后面可以是一段Javas cript表达式，CSS属性的值等于Javas cript表达式计算的结果。在表达式中可以直接引用元素自身的属性和方法，也可以使用其他浏览器对象。这个表达式就好像是在这个元素的一个成员... 阅读全文
posted @ 2010-03-19 11:01 阿C's 阅读(238) 评论(0) 推荐(0) 编辑
[转]IE6.0、IE7.0 与FireFox CSS兼容的解决方法
摘要：IE6.0、IE7.0 与FireFox CSS兼容的解决方法2009-04-29 14:511.DOCTYPE 影响 CSS 处理2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行3.FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-... 阅读全文
posted @ 2010-03-09 09:32 阿C's 阅读(241) 评论(0) 推荐(0) 编辑
[转]让CSS兼容IE和Firefox的技巧集合
摘要：CSS对浏览器的兼容性有时让人很头疼，或许当你了解当中的技巧跟原理，就会觉得也不是难事，从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下。对于web2.0的过度，请尽量用xhtml格式写代码，而且DOCTYPE 影响 CSS 处理，作为W3C的标准，一定要加 DOCTYPE声明。 CSS技巧 1.div的垂直居中问题 vertical-align:middle; 将行距增加... 阅读全文
posted @ 2010-03-09 09:28 阿C's 阅读(283) 评论(0) 推荐(0) 编辑
[转]最全的CSS浏览器兼容问题整理
摘要：从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声名. CSS技巧 1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字，就垂直居中了。... 阅读全文
posted @ 2010-03-09 09:26 阿C's 阅读(211) 评论(0) 推荐(0) 编辑
[转]CSS HACK浏览器兼容超强...................
摘要：所有浏览器 通用 height: 100px; IE6 专用 _height: 100px; IE6 专用 *height: 100px; IE7 专用 *+height: 100px; IE7、FF 共用 height: 100px !important;一、CSS 兼容 以下两种方法几乎能解决现今所有兼容. 1, !important (不是很推荐，用下面的一种感觉最安全) 随着IE7... 阅读全文
posted @ 2010-03-09 09:13 阿C's 阅读(214) 评论(0) 推荐(0) 编辑
[转]区别不同浏览器，CSS hack写法
摘要：区别IE6与FF： background:orange;*background:blue; ↑ ↑ FireFox IE 6 区别IE6与IE7： background:green !important;background:blue; ↑ ↑ IE 7 IE 6 区别IE7与FF： background:orange; *backgroun... 阅读全文
posted @ 2010-03-09 09:07 阿C's 阅读(338) 评论(0) 推荐(0) 编辑
important 支持IE7了 ，怎么样调整ITE和火狐的CSS啊？
摘要：可这样写样式： .cssName{ width:213px ; *width:213px !important;*width:211px; } 其中，第一个为firefox下面的，第二个是IE7的，第三个是IE6的 因为：firefox不认 “*”这个东西，也就是后面两个在firefox下面是没有的 因为IE下面“*”是有效的，而且IE7支持R... 阅读全文
posted @ 2010-03-09 09:00 阿C's 阅读(320) 评论(0) 推荐(0) 编辑
[转]IE6对!important支持不彻底
摘要：《css mastery》写到层叠重要性指数的次序依次为：标记为!important的用户样式 标记为!important的作者样式 作者样式 用户样式 浏览器/用户代理的默认样式 这里有个!important，!important是CSS2提出的，是提升指定样式规则的应用优先权。你可能看到或听说IE6不支持!important，可以写hack来区分IE6和其他标准浏览器。实际上不是不支持，而是... 阅读全文
posted @ 2010-03-09 08:56 阿C's 阅读(176) 评论(0) 推荐(0) 编辑
[转]table表格的常用功能
摘要：转自：http://www.javaeye.com/topic/288115 就table的一些常用操作做了一个综合的例子，包括行条纹 高亮 工具条提示 扩展 折叠 筛选等效果。 效果图如下： 下面我把我写的例子拆分解释一下： 1 . 行条纹 Js代码 var rowIndex = 0; $("tbody tr").each(function(index){ if($("th",this).len... 阅读全文
posted @ 2010-02-22 11:14 阿C's 阅读(363) 评论(0) 推荐(0) 编辑
[转]用css实现的省略号替换超出长度文本
摘要：.test { width:200px; padding:10px; overflow:hidden; /*不显示超过对象宽度的内容*/ text-overflow:ellipsis; /*当对象内文本溢出时显示省略标记（...）*/ white-space:nowrap; /*限制在一行内显示所有文本*/ } 阅读全文
posted @ 2010-02-22 11:02 阿C's 阅读(360) 评论(0) 推荐(0) 编辑
clientHeight,clientLeft,scrollLeft,scrollHeight,style.left,style.pixelLeft
摘要：1.clientHeight, clientWidth: 这两个属性大体上显示了元素内容的象素高度和宽度.理论上说这些测量不考虑任何通过样式表加入 元素中的页边距,边框等. 2.clientLeft,clientTop: 这两个返回的是元素周围边框的厚度,如果不指定一个边框或者不定位改元素,他的值就是0. 3.scrollLeft,scrollTop: 如果元素是可以滚动的,可以通过这俩个属性得到... 阅读全文
posted @ 2009-10-26 11:45 阿C's 阅读(271) 评论(0) 推荐(0) 编辑
[CSS]CSS-阿C自己的一些心得(增加中)
摘要：对于Button, 还有边栏(菜单栏)不要设置为em, 而指定像素会比较好 阅读全文
posted @ 2009-09-16 16:34 阿C's 阅读(117) 评论(0) 推荐(0) 编辑
CSS常用小技巧
摘要：CSS常用小技巧 ul 标签在Mozilla中默认是有padding值的，而在IE中只有margin有值。同一个的class选择符可以在一个文档中重复出现，而id选择符却只能出现一次;对一个标签同时使用class和id进行CSS定义，如果定义有重复，id选择符做的定义有效，是因为ID的权值要比CLASS大。一个兼容性调整(IE和Mozilla)的笨办法：初学可能会碰到这样一个情况:同样一个标签的属... 阅读全文
posted @ 2009-09-13 09:28 阿C's 阅读(165) 评论(0) 推荐(0) 编辑
[CSS学习网站地址]兼容IE6/IE7/FF的页面最小宽度设置
摘要：要求页面在达到一个指定宽度后就不再随窗口宽度的减小而减小。交流区里无意找到这个话题后，感觉有必要放在文章里。具体的代码：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmln... 阅读全文
posted @ 2009-09-13 08:47 阿C's 阅读(502) 评论(0) 推荐(0) 编辑
HTML rel 属性
摘要：http://www.dreamdu.com/xhtml/attribute_rev/http://www.w3pop.com/learn/view/p/1/o/1/doc/wd_html_rel_attribute/ 阅读全文
posted @ 2009-09-13 08:43 阿C's 阅读(132) 评论(0) 推荐(0) 编辑
CSS的十八般技巧
摘要：CSS的十八般技巧 原文作者：Roger Johansson 作者简介：住在瑞典哥德堡，1994年开始接触和参与web设计，456 Berea Street是他的住 址，因此采用 这个名字作为他的个人主页域名原文出处：http://www.456bereastreet.com/archive/200503/css_tips_and_tricks_part_1/原文发表时间：2005年3月15日阿捷... 阅读全文
posted @ 2009-09-13 08:42 阿C's 阅读(167) 评论(0) 推荐(0) 编辑
overflow解决float浮动后高度自适应问题
摘要：也许你在做网页的时候发现，发一个区块内的元素被应用了float之后，那么整个box的高度对就不以被浮动对象的高度为标准了。如图中的城市导航内的城市列表中采用了float之后，那个外框的高度并不是内容元素的高度：怎么解决这个问题呢？经发现可以采用overflow来解决！方法是在父元素加上即可overflow:auto;是让高度自适应， zoom:1;是为了兼容IE6，也可以用height:1%;的方... 阅读全文
posted @ 2009-09-13 08:35 阿C's 阅读(330) 评论(0) 推荐(0) 编辑
css樣式的rel屬性与链接标签a的rel屬性
摘要：css樣式的rel屬性:rel属性用于定义连接的文件和html文档之间的关系。rel=stylesheet指定一个固定或首选的样式而rel="alternate stylesheet"定义一个交互样式。固定样式在样式表激活时总被应用。链接标签a的rel屬性超级链接<a>标记代表一个链接点，是英文anchor的简写。它的作用是把当前位置的文本或图片连接到其他的页面、文本或图像，这已是众所... 阅读全文
posted @ 2009-09-13 08:04 阿C's 阅读(307) 评论(0) 推荐(0) 编辑
实测：scrollLeft,scrollWidth,clientWidth,offsetWidth，screen.width全解析（转帖）
摘要：IE和FF通用部分：有关document.documentElement和document.body.区别，请参考：http://hi.baidu.com/traindiy/blog/item/8d4bdaa27de4f0aacaefd070.html有助于理解以下内容。不过在实测中，可以理解为document.documentElement可以理解为浏览器的可见窗口区域，而body则仅为内容区域... 阅读全文
posted @ 2009-09-06 09:30 阿C's 阅读(1085) 评论(1) 推荐(0) 编辑

1 2 下一页
Copyright © 2025 阿C's
Powered by .NET 9.0 on Kubernetes Powered by: 博客园
点击右上角即可分享
微信分享提示