div+css技术发展与应用.doc

毕业论文(设计)
论文(设计)题目: CSS+DIV技术的发展与应用
指导教师: 龚念
试点单位: 武汉市仪表电子学校
学生姓名: 呵呵学号: 09205班
专业: 计算机网络2011 届(春/秋) 专层次(本专科)

湖北广播电视大学印
摘要 - 1 -
第1章绪论 - 2 -
CSS发展史 - 2 -
使用CSS+DIV的优点 - 3 -
使用CSS+DIV的优势 - 3 -
DIV+CSS常用编辑工具 - 4 -
第2章CSS的介绍 - 4 -
什么是CSS - 4 -
CSS的基本语法 - 4 -
CSS选择器 - 8 -
- 8 -
ID选择器 - 9 -
类选择器 - 9 -
CSS常用属性 - 10 -
第3章CSS属性的缩写 - 13 -
为什么要让CSS属性缩写 - 13 -
CSS属性缩写说明 - 13 -
CSS属性缩写实例 - 16 -
第4章CSS的应用 - 16 -
文字排版 - 16 -
内外填充 - 17 -
定位与绕排 - 17 -
定位 - 17 -
绕排 - 17 -
边框修饰 - 17 -
鼠标指针效果 - 17 -
滤镜 - 18 -
第5章CSS盒子模型 - 20 -
什么是CSS盒子模型 - 20 -
CSS3灵活的盒子模型(Flexible Box Module) - 21 -
容器的排列 - 21 -
水平分布和垂直分布 - 22 -
反序排列 - 22 -
按指定顺序排列 - 23 -
CSS3灵活的盒子模型(Flexible Box Module)的尺寸 - 24 -
box-flex 属性 - 24 -
灵活的尺寸 - 24 -
自适应子容器和固定尺寸子容器的混合使用 - 25 -
空间的分配 - 25 -
防止子容器溢出 - 26 -
第6章CSS布局实例:用CSS布局博客首页 - 27 -
头部的制作 - 28 -
content的制作 - 30 -
foot版权信息的制作 - 35 -
参考文献 - 37 -
后记 - 38 -
致谢 - 39 -
摘要
DIV+CSS是网站标准(或称“WEB标准”)中常用术语之一,通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别,因为XHTML网站设计标准中,不再使用表格定位技术,而是采用DIV+CSS的方式实现各种定位。“DIV+CSS”是一种错误的说法。DIV只是HTML中的一个标签,而CSS是一种语言,这两者也根本不能成为对等。并且,“DIV+CSS”的话法也容易引起歧义。让大家认为WEB标准就一定要用到DIV,以导致了DIV标签的滥用。并且“DIV+CSS”也不能成为“WEB标准”的代名词,因为WEB标准不是单指两个语言,而是由XHTML(结构)、CSS(样式)、DOM(行为)组合而成的一种技术规范,他所实现的是数据、结构、样式、行为的分离,方便了管理与维护。所以这里请大家记住“DIV+CSS”是一种错误的说法。 XHTM是目前国际上倡导的网站标准设计语言,因为XHTML网站设计语言具有的基本特点,这种CSS+DIV模式的网站设计具有一定的优势,不过目前在网站建设应用中CSS+DIV模式也存在一些问题。本文综合网站技术和设计人员的体会,并从网页布局方面介绍DIV+CSS的一些用法。
DIV + CSS is website standard (or "WEB standards used in terms of"), usually to illustrate and HTML pages design language of form (in) localization way of difference, as XHTML website design standard, no longer use form positioning technology, but adoption DIV + CSS means to realize various positioning. "DIV + CSS" is a false statement. DIV only HTML and CSS is a tag, a kind