第3章 CSS网页布局与定位
3.1 认识div
3.1.1 div是什么
3.1.2 如何使用div
3.1.3 理解div
3.1.4 并列与嵌套div结构
3.1.5 使用合适对象来布局
3.2 一列固定宽度
3.3 一列宽度自适应
3.4 二列固定宽度
3.5 二列宽度自适应
3.6 两列右列宽度自适应
3.7 二列固定宽度居中
3.8 三列浮动中间列宽度自适应
3.9 高度自适应
3.10 盒模型详解（.Box Model）
3.10.1 什么是盒模型
3.10.2 盒模型的细节
3.10.3 上下margin叠加问题
3.10.4 左右margin加倍问题
3.11 深入浮动（Float）
3.11.1 文档流（Document Flow）
3.11.2 浮动定位
3.11.3 浮动的清理（Clear）
3.11.4 何时选用浮动定位
3.12 绝对定位与相对定位
3.12.1 绝对定位
3.12.2 相对定位
3.12.3 何时选用绝对与相对定位
第4章 CSS网站元素设计
4.1 用CSS设计网站导航
4.1.1 横向导航
4.1.2 纵向导航
4.1.3 下拉及多级弹出式菜单
4.1.4 门户网站的导航设计（闪客帝国）
4.2 背景控制
4.2.1 背景颜色
4.2.2 背景图片
4.2.3 背景定位
4.2.4 背景滚动
4.2.5 背景属性缩写
4.2.6 基于背景控制的导航优化
4.3 使用列表元素
4.3.1 ul无序列表
4.3.2 ol有序列表
4.3.3 改变项目符号样式
4.3.4 使用图片自定义项目符号
4.3.5 使列表变为段落
4.3.6 列表缩进排版
4.3.7 复杂列表的排版
4.4 表单设计
4.4.1 改变输入框及文本域样式
4.4.2 改变下拉列表样式
4.4.3 改变按钮样式
4.4.4 表单布局设计
4.4.5 使用label标签提升表单可用性
4.4.6 表单设计的其他建议
4.5 字体及段落样式设计
4.5.1 应用字体样式
4.5.2 应用段落样式
4.6 图片样式设计
4.6.1 图片定位
4.6.2 图片剪切
4.6.3 图片替代文本
4.6.4 Flash替代文本
4.7 链接样式控制
4.7.1 链接控制
4.7.2 CSS按钮
4.7.3 图片翻转链接
4.7.4 面包屑导航链接
第5章 CSS内容排版
5.1 文字排版
5.1.1 通栏排版
5.1.2 分栏排版
??.2 图文混合排版
5.2.1 图片基础控制
5.2.2 不规则文字环绕
5.3 全图排版
5.4 表格排版
5.4.1 充分使用表格标签
5.4.2 表格样式控制
5.4.3 表单表格设计
firebug的使用
more fromwww.ooso.net
Firebug使用详解
more fromblog.csdn.net
1Expand
采用DIV+CSS布局的好处
通过使用 display:inline 我们可以创建水平导航条。
link1
link2
link3
link4
link5
这是上面这个导航条用到的代码：
#nav1{
margin-top: 1em;
margin-bottom: 0.5em;
}
#nav1 ul {
background-color: silver;
text-align: center;
margin-left: 0;
padding-left: 0;
border-bottom: 1px solid gray
}
#nav1 li {
list-style-type: none;
padding: 0.25em 1em;
border-left: 1px solid white;
display: inline
}
#nav1 li:first-child {
border: none;
}
垂直导航条
link1
link2
link3
link4
link5
这是垂直导航条的代码：
#nav2 {
background-color: silver;
border: solid 1px gray;
width: 8em
}
#nav2 ul {
list-style-type: none;
margin: 0;
padding: 0;
border: none
}
#nav2 li {
margin: 0;
padding: 0.25em 0.5em 0.25em 1em;
border-top: 1px solid gray;
width: 100%;
display: block
}
html>body #nav2 li {
width: auto;
}
#nav2 li:first-child {
border: none
}
more fromwww.wujianrong.com
嶄露頭角中的新式網站收費模式：「First 1000 Referral」 (Mr. 6)
它讓最多使用者的外掛插件排第一（這個通常沒人能能打敗），但也另外提供「最多動作」的插件排行榜，還有一個「新人排行榜」。也就是說，每個外掛程式共有好幾個機會，第一個是在一開始進入時被列入（Newest），第二是很多人瞬間使用就被列入「Most Active」，第三是在許多人安裝後被「推」到「最紅的插件區」。
more frommr6.cc
1Expand
7步完成Joomla! 1.5 安装 Install Joomla! 1.5 in 7 steps
in list: Joomla
more fromwww.joomlagate.com
Notation: * = Private bookmark and comment|… = Clipping [?] | … = Public highlight [?]