Div+CSS 布局大全

目录 div＋css布局入门 ................................................................................................................................ 4 XHTML下css+div布局总结..................................................................................................................... 6 网页设计DIV+CSS——第1天:选择什么样的DOCTYPE ........................................................................... 9 第一天 ............................................................................................................................................ 9 什么是DOCTYPE............................................................................................................................. 10 我们选择什么样的DOCTYPE ........................................................................................................... 10 补充 .............................................................................................................................................. 10 网页设计DIV+CSS——第2天:什么是名字空间 ................................................................................... 10 网页设计DIV+CSS——第3天:定义语言编码 ....................................................................................... 11 网页设计DIV+CSS——第4天:调用样式表........................................................................................... 11 外部调用样式表............................................................................................................................. 11 双表法调用样式表 ......................................................................................................................... 12 网页设计DIV+CSS——第5天:head区的其他设置 ............................................................................... 12 收藏夹小图标 ............................................................................................................................... 12 为搜索引擎准备的内容.................................................................................................................. 12 网页设计DIV+CSS——第6天:XHTML代码规范 .................................................................................... 12 1.所有的标记都必须要有一个相应的结束标记 ............................................................................. 13 2.所有标签的元素和属性的名字都必须使用小写 ......................................................................... 13 3.所有的XML标记都必须合理嵌套 ............................................................................................... 13 4.所有的属性必须用引号""括起来 ............................................................................................... 13 5.把所有<和&特殊符号用编码表示 ............................................................................................... 13 6.给所有属性赋一个值.................................................................................................................. 13 7.不要在注释内容中使“--”....................................................................................................... 13 网页设计DIV+CSS——第7天:CSS入门 ............................................................................................... 14 1.基本语法规范............................................................................................................................. 14 2.颜色值....................................................................................................................................... 14 3.定义字体 ................................................................................................................................... 14 《Div + CSS 布局大全》 博客园 Jesse Zhao 整理 http://jessezhao.cnblogs.com MSN/Mail:[email protected] 第 3 页 4.群选择器 ................................................................................................................................... 14 5.派生选择器 ............................................................................................................................... 14 6.id选择器 .................................................................................................................................. 14 6.类别选择器 ............................................................................................................................... 15 7.定义链接的样式 ......................................................................................................................... 15 网页设计DIV+CSS——第8天:CSS布局入门 ........................................................................................ 15 1.定义DIV .................................................................................................................................... 15 2.CSS2盒模型 ............................................................................................................................... 16 3.辅助图片一律用背景处理 .......................................................................................................... 17 网页设计DIV+CSS——第9天:第一个CSS布局实例 ............................................................................ 17 1.确定布局 ................................................................................................................................... 18 2.定义body样式 ........................................................................................................................... 18 3.定义主要的div .......................................................................................................................... 18 4.100%自适应高度? ....................................................................................................................... 20 网页设计DIV+CSS——第10天:自适应高度 ......................................................................................... 20 网页设计DIV+CSS——第11天:不用表格的菜单.................................................................................. 21 1.不用表格的菜单(纵向) .............................................................................................................. 21 2.不用表格的菜单(横向) .............................................................................................................. 22 网页设计DIV+CSS——第12天:校验及常见错误.................................................................................. 24 1.XHTML校验 ................................................................................................................................ 24 2.CSS2校验 .................................................................................................................................. 25 CSS的十八般技巧 ................................................................................................................................ 25 WEB打印实例教程 ................................................................................................................................ 30 Div+CSS