CSS技术
文章平均质量分 75
changlinzi
一个疯狂的FLASHER
展开
-
搞清CSS样式中background-position(背景图片定位)
昨天看一个网页的时候,看到一句:background: url(images/top2.jpg) no-repeat 50% 9px; 其中50%代表的意义等同于left:{容器(container)的宽度—背景图片的宽度}*left百分比,超出的部分隐藏下面是在网上找的一篇详细介绍background-position(背景图片定位)的文章。 1. background-position:lef转载 2008-11-13 17:38:00 · 2296 阅读 · 0 评论 -
position: absolute、relative
今天在看CSS的时候遇到了position: absolute、relative的问题,一直比较迷糊,今天终于搞清楚了。CSS2.0 HandBook上的解释:设置此属性值为 absolute 会将对象拖离出正常的文档流绝对定位而不考虑它周围内容的布局。假如其他具有不同 z-index 属性的对象已经占据了给定的位置,他们之间不会相互影响,而会在同一位置层叠。此时对象不转载 2008-11-13 17:31:00 · 686 阅读 · 0 评论 -
对display:inline;与float:left;的认识
"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">"width:80%">新闻标题"20%">2006-5-27例1; "-//W3C//DTD XHTML 1.0 Transitional//EN" "转载 2008-11-14 10:30:00 · 369 阅读 · 0 评论 -
网页设计必备工具:Web Developer插件 CSS工具组教程
该插件在火狐浏览器中安装。Web Developer插件强大的功能超乎你的想象,用于CSS网页布局开发调试只是它强大功能的一部分,对于网络程序的开发也提供了非常强大的辅助设计功能,我们不将它完全的展开探讨,我们仅针对CSS网页布局开发调试对它进行了解,有兴趣的朋友可以详细的研究一下它的强大功能。CSS工具 是我们需要了解的重点,它提供了许多功能来辅助我们查看网页,废话少说,我们往下深入,看转载 2008-11-17 10:35:00 · 713 阅读 · 0 评论 -
CSS的常用技巧
原文作者:Roger Johansson 作者简介:住在瑞典哥德堡,1994年开始接触和参与web设计,456 Berea Street是他的住址,因此采用这个名字作为他的个人主页域名 原文出处:www.456bereastreet.com 原文发表时间:2005年3月15日 阿捷说明:此文原名"CSS tips and tricks",有2篇,我将它们合并翻译在本文中。转载 2009-05-21 10:14:00 · 264 阅读 · 0 评论 -
CSS浏览器兼容问题整理(IE6.0、IE7.0 与 FireFox)
CSS 对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加DOCTYPE声名. CSS技巧1.div的垂直居中问题vertical-align:middle; 将行距增加到和整转载 2009-05-27 10:33:00 · 356 阅读 · 0 评论 -
IE6.0、IE7.0 与FireFox CSS兼容的解决方法
1.DOCTYPE 影响 CSS 处理 2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行 3.FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中 4.FF: 设置 padding 后, div 会增加 height 和转载 2009-05-27 10:31:00 · 490 阅读 · 0 评论 -
常用CSS元素div ul dl dt ol的简单解释
几个css元素的简单解释 div ul dl dt oldiv,这个很常见,块级元素,div尽量少用,和table一样,嵌套越少越好ol 有序列表。………………表现为:1……2……3……ul 无序列表,表现为li前面是大圆点而不是123…………很多人容易忽略 dl dt dd的用法dl 内容块dt 内容块的标题dd 内容可以这么写:标题内容1内容2d转载 2009-06-11 14:48:00 · 1085 阅读 · 0 评论 -
ul ol CSS 样式 总汇
ValueDescriptionnoneNo marker(没有标志)discDefault. The marker is a filled circle(实心圆点)circleThe marker is a circle(空心圆点)squareThe marker is a square(菱形)decimal转载 2009-06-11 14:49:00 · 938 阅读 · 0 评论