Web标准

让DIV里面的文字垂直居中
    摘要：<style type="text/css">
<!--
.con_div{
width:400px;
height:300px;
border:1px solid #777;
text-align:center;
display:table-cell;
vertical-align:middle;
background:red;
color:#fff
}
/*FOR IE*/
.fixie{
width:0;
height:100%;
display:inline-block;
vertical-align:middle;
}
-->
</style>

<div class="con_div">
<span class="fixi    （全文共558字）——点击此处阅读全文
发表于 @ 2007年06月20日 3:55 PM | 评论 (7)
li标签的间距问题 - 兼谈书写li的最佳方式
    摘要：新建一个简单的HTML测试文件，下面来测试ul li标签 引用 <ul><li><a href="#">菜单一</a></li><li><a href="#">菜单一</a></li><li><a href="#">菜单一</a></li><li><a href="#">菜单一</a></li><li><a href="#">菜单一</a></li><li><a href="#&q    （全文共2529字）——点击此处阅读全文
发表于 @ 2007年04月15日 3:47 PM | 评论 (15)
css相关资源网站
    摘要：

CSS Diagrams, Bar Graphs, Star Rater

组合CLASS来完成网页布局风格
    摘要：我是这样来做DIV布局代码的．不知道说的清楚不清楚，凑和看吧我把class分为２种，布局class，风格class，布局class是骨架，风格class是衣服举个例子：比如布局中的左栏首先它的属性有：是左栏，宽度，背景颜色，字体颜色等１．首先会定义一个全局的class,比如:.layout,主要用来控制页面整个的大小.layout{width:98%;margin:0 auto;text-align:left;}２．然后会定义3个基本布局Class(l,m,r).l{float:left}.m{width:auto}.r{float:right}我把２栏布局也归类于３栏布局，因为３栏布局中，左右栏的宽度分别为０的时候，３栏就变成了２栏．我们写基本布局代码的时候，最好还是写成３栏格式．３．对应布局Class，定义需要的风格Class，比如宽度，高度，背景颜色等等这些都属于风格元素.class_l{background:#    （全文共3541字）——点击此处阅读全文
发表于 @ 2006年06月22日 1:38 PM | 评论 (25)
用标准件的方式来组装网页DIV布局
    摘要：有这样一个想法，不知道可行么例子：布局中的左栏，它的属性有：｛居左，宽度，背景色，字体等等｝如果把每个属性都做成一个标准件，然后这样组装起来使用class="float width height background font padding....",通过多个class的标准件的引用来完成页面布局样式先按需要定义好标准件如：float标准件.l{float:left}.r{float:right}.cl{clear:left}...width标准件.w200{width:200px}.w300{width:300px}...background标准件.red{background:red}.black{background:#000}.white{background:#fff}...根据需要引用 class=&quo    （全文共659字）——点击此处阅读全文
发表于 @ 2006年06月22日 1:30 PM | 评论 (10)
DIV+CSS 布局实例:各种2栏,3栏布局实例下载
    摘要：想学习DIV+CSS的,自己去下载回来看好了 http://www.ssi-developer.net/main/templates/    （全文共14956字）——点击此处阅读全文
发表于 @ 2005年12月13日 2:00 PM | 评论 (13)
WEB标准网站设计心得:如何彻底避免页面布局被大尺寸图片和长字符串破坏 用TABLE和DIV做页面布局设计的时候,遇到大尺寸的图片和长英文字符串,布局中定义的尺寸都会被破坏,导致页面布局变形.
有没有办法可以解决呢?
用CSS的属性OVERFLOW:hidden可以来控制,这样超出部分会自动隐藏,这样做不好的地方是就是这部分的信息显示不完全,比如图片只显示了一部分. 但是页面布局不会乱.
要注意的是,使用overflow的时候,一定要定义width,百分比或者具体值都可以.
在使用DIV做页面布局的时候,可以在大布局上定义,比如在左栏,右栏,中栏里面,也可以针对页面中具体的某个布局元素.

在用ul和li做图片列表排列的时候,也可以用这个,这样避免一些大尺寸图搞乱布局,也可以解决浏览器窗口缩小时,li元素自动回行排列出错的问题.

BTW:用overflow:auto,还可以在页面里模仿出IFRAME的效果,回头写出来

在线运行演示
发表于 @ 2005年12月02日 2:04 PM | 评论 (7)
用CSS实现表单form布局
    摘要：在TABLE布局中设计Form,一般都是用2个td来布局,如果不用table,用CSS怎么做呢?看看下面的代码     （全文共1237字）——点击此处阅读全文
发表于 @ 2005年06月18日 1:26 AM | 评论 (11)
用DIV做不规则形状的环绕文字 图片在页面上的页面上的的位置体现是方形,不会是圆形或者多边形,这样做图片周围的文字环绕也就只能按方形来排列,
可以用DIV+CSS来做到不规则形状的文字环绕

在线运行演示

发表于 @ 2005年06月03日 3:29 AM | 评论 (13)
符合WEB标准的下拉导航菜单例子之一
    摘要：符合WEB标准的下拉导航菜单例子之一    （全文共6073字）——点击此处阅读全文
发表于 @ 2005年05月25日 4:56 PM | 评论 (12)
 

第1页，共2页