本篇详细介绍如何利用CSS能方便地控制对象的“显示”和“隐藏”属性原理，制作一个树状目录，用CSS制作这样的树状目录，方法简单，代码也比较少，所以把它写出来，给网友们共亨，以便在需要的时候也可动手做一个。 索易电子杂志大多采用树状目录，当鼠标点击主目录时，展开子目录；当再次点击主目录时，则关闭子目录。显得简捷明快，朴实无华。 制作这种树状目录的方法较多，最近我先看下面的示例：当用鼠标在主目录上点一下，...
CSS代码:.list{margin: 0px 10px 20px;text-align: left; }.list ul{list-style-type: none;margin: 0px;padding: 0px; }.list li{background: url(/news/images/line.gif) repeat-x bottom; /*列表底部的虚线*/width: 100%; }.list li a{color: #777777;display: block;padding: 6px 0px 4px 15px;background: url(/news/images/dot.gif) no-repeat 0 6px;/*列表左边的箭头图片*/ }.list li span{float: right;/*使span元素浮动...
先来看我一个简单XHTML/HTML文件代码（部分），我们的目的是让#container水平居中。<div?id="container"> content Lorem?ipsum?dolor?sit?amet,?consectetuer?adipiscing?elit.Phasellus?varius?eleifend.
除特别说明外，本站内容采用创作共用授权署名和非商业用途,请尊重劳动成果。 CSS布局中,未知大小图片的垂直居中，一直是比较头疼的问题,标准浏览器只要设定容器的line-height和图片的vertical-align:middle;就可以了，但对IE没用，几个月前在国外网站看到了一则对IE的解决方法，感觉不是很理想，也没当回事。最近看到经常有朋友在问类似的问题，又把代码翻了出来，针对IE改了下。 CSS .box{ height:140px; width:200px; border...
object 返回包含的对象。 offscreenBuffering 设置或获取对象在对用户可见之前是否要先在屏幕外绘制。 offsetHeight 获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度。 offsetLeft 获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置。 offsetParent 获取定义对象 offsetTop 和 offsetLeft 属性的容器对象的引用。 offsetTop 获取对象相对...
与valign的对比vertical-align在小雨手册上的解释是：设置或检索对象内容的垂直对其方式。我觉得不太理解的是vertical-align所在的分类是“属性/文本”O3noBLOG特别强调的是vertical-align和valign的不同，的确vertical-align应用最多的应该是在td内，控制内部对象位置，和td的valign属性极其相似。valign共有四个参数：top, baseline, bottom, middle，相对而言vertical-align也有相同的属性值，以下是对td控制对比：使用vertical...
这是我刚刚作的一个导航条，为了让那四个LINK居中，我这样作了，但作完后发现了很多的问题，写出来和大家分享一下！ 首先我们先来看一下这个导航条！ test zishu /*zishu.cn*/ *{ margin:0; padding:0;} body{ font-size:12px; font-family:Verdana, "宋体", Arial; margin:100px 0;} a:link,a:visited{color:#000; text-decoration: none;} a:hover,a:active{color:#000;text-decoration: none;background-color: #FEFC6E;} ...
.text { font-family: "宋体"; font-size: 12px; color: #000000; text-decoration: none; } 防菜单条样式 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
除特别说明外，本站内容采用创作共用授权署名和非商业用途,请尊重劳动成果。 原文标题：Vertical Centering in CSS 副标题：Yuhus Definitive Solution with Unknown Height 翻译：forestgan 尽管有CSS的vertical-align特性，但是并不能有效解决未知高度的垂直居中问题（在一个DIV标签里有未知高度的文本或图片的情况下）。 标准浏览器如Mozilla, Opera, Safari等.，可将父级元素显示方式设定为TABLE(display: table;) ，内部子元素...
http://www.456bereastreet.com/archive/200405/equal_height_boxes_with_css/下面是我翻译的内容，是根据我对文章的理解意译的，你就别挑哪里翻译的不对了，我的目的只是传达这个CSS技巧许多网页设计师都喜欢，将两个或者多个容器等高的并排放置，并在里面展示每个容器的内容，就象经典表格布局中的单元格控制几个栏目的位置，也喜欢容器的内容居中或顶部对齐显示。但是你又不喜欢用table来实现他，那怎么办呢？实现的方法很多，有...
作者：阿宏 2005-4-15 20:45:18原文：What is the Best Way to Mark up the Title of a Document? 说明：本文是 《Web Standards Solutions: The Markup and Style Handbook》一书中的一章。书号：ISBN:1590593812。我们会陆续翻译此书中有价值的章节。 原作者：Dan Cederholm 翻译：阿宏 一个文档标题，最好的定义方法是什么？要回答这个问题，先设想我们要在一个页面上定义文章的标题，通常我们有三个方法来实现这个简单目的： 方...
字体的处理在网页设计中无论怎么强调也不为过，毕竟网页使用来传递信息的，而最经典最直接的信息传递方式就是文字，所以，了解一点字体的基本知识对于设计来说还是非常重要的。 中文和英文的最大区别就是中文是方块字，英文是拼音文字，这对字体的处理的影响是巨大的。看看下面的图示就会发现，英文字体里的那些变化在中文字体里都弱化了。作为中文的读者，习惯性的接受方块形状做为阅读的单元，其实对于眼睛来说，这是一种容...
1、要设置一下overflow呀.将不要得hidden起来呀! test#me{margin:0px; height:5px; background-color:#CC9966;overflow:hidden} [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]2、font-size:1px; test#me{margin:0px; height:5px; background-color:#CC9966;font-size:1px;} [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]楼上也正确.其实原理差不多. DIV属于块元素.在它里面会有一些行元素等等.overflow:hidden是将这些不可见元...
原文：http://3rgb.com，作者：柠檬园主转载请保留此信息 FCKeditor至今已经到了2.3.1版本了，对于国内的WEB开发者来说，也基本上都已经“闻风知多少”了，很多人将其融放到自己的项目中，更有很多大型的网站从中吃到了甜头。今天开始，我将一点点的介绍自己在使用FCKeditor过程中总结的一些技巧，当然这些其实是FCK本来就有的，只是很多人用FCK的时候没发现而已 :P 1、适时打开编辑器 很多时候，我们在打开页面的时候不需要直接打...
不少网站开始采用韩式风格来建站.一般人都会想到用Photoshop等软件来完成这样的效果，但如果网页上这类图片太多，或是较大时，会给访问带来一定的困难。这里就给大家讲一讲如何用CSS来做这样的风格，因为用CSS只是对颜色的定义，少了图片的应用，所以基本不会影响速度。 这种风格的特点是色彩变化丰富、应用Flash动画合理、结构新颖，最明显的特点就是表格或标题栏常会加上一条横或竖的色带，如图中圈起来的地方就是这样: 首...