左右两栏浮动，左边栏里面的小栏目再浮动
一、使用writing-mode属性语法:writing-mode:lr-tb或writing-mode:tb-rl参数:1、lr-tb:从左向右，从上往下2、tb-rl:从上往下，从右向左运行代码发现，IE显示正常，火狐却不行，所以不建议使用writing-mode属性，下面使用模拟方法实现。二、模拟文字竖排代码:ul{width:100px;height:80px;overflow:hidden;list-style:none;}ulli{float:right;display:inline;margin-left:4px;width:14px;height:100px;font-size:14px;word-wrap:break-word;word-break:nomal;}此方法让li右浮动，设置li宽度和字宽度一样都是14px，这样就自动换行了。另外，“word-wrap:break-word;word-break:nomal;”这句实现标点自动换行(连续字符自动换行)。
看看css+div的布局的书，里面分块讲的。对于初学者或者只想了解一下。可以学学简单的网页制作，图文混排（float，vertical-align，margin，padding等标签的基本设置），字体段落（font设置）设计。这两个部分内容如果你认真看的话，在看一下简单的标签代码声明。一个小时足以搞定。对于只是简单应用我感觉这个够用了。 如果你想学相关的特效，这个就需要时间了，因为你需要去背。你可以先练习先看懂代码。 软件可以用0初学者用0这个版本吧。
css样式有内嵌的，有内部调用的，有外部引用的。那要看技术水平。个人觉得外部引用比较好，因为对网站的优化较好。
CSS一般适用于制作网页时，添加一些页面效果时用的。CSS一般有三种方式使用：A 内嵌的方式： 如