摘要：
13：怪异盒模型 box-sizing box-sizing 属性允许您以特定的方式定义匹配某个区域的特定元素。 content-box 这是由 CSS2.1 规定的宽度高度行为。宽度和高度分别应用到元素的内容框。在宽度和高度之外绘制元素的内边距和边框。 border-box 为元素设定的宽度和高度 阅读全文
摘要：
12：Css3的概念和优势 CSS3是css技术的升级版本，CSS3语言开发是朝着模块化发展的。以前的规范作为一个模块实在是太庞大而且比较复杂，所以，把它分解为一些小的模块，更多新的模块也被加入进来。这些模块包括： 盒子模型、列表模块、超链接方式 、语言模块 、背景和边框 、文字特效 、多栏布局等。 阅读全文
摘要：
11：HTML5 发展史 HTML5草案的前身名为 Web Applications 1.0，于2004年被WHATWG提出，于2007年被W3C接纳，并成立了新的 HTML 工作团队。 HTML 5 的第一份正式草案已于2008年1月22日公布。HTML5 仍处于完善之中。然而，大部分现代浏览器已 阅读全文
摘要：
10：表格表单和统筹 学习目标 1、表单标签及属性高级 2、表格标签及属性高级 3、CSS统筹 4、BFC概念和应用场景 一、表单标签及属性高级 回顾： 表单的作用：用来收集用户的信息的; 表单的组成： 表单域： <form name="" method="get/post" action=""> 阅读全文
摘要：
9：浏览器兼容 常见的主流浏览器 1）主流浏览器 Internet Explorer、 Safari、Mozilla Firefox、 Google Chrome、Opera、百度、360、搜狗、傲游 2）最早的浏览器 : Mosaic / Netscape Navigator(网景领航者)（199 阅读全文
摘要：
8：宽高自适应 网页布局中经常要定义元素的宽和高。但很多时候我们希望元素的大小能够根据窗口或子元素自动调整，这就是自适应。 自适应的优点： 元素自适应在网页布局中非常重要，它能够使网页显示更灵活，可以适应在不同设备、不同窗口和 不同分辨率下显示。 （1）宽度自适应 元素宽度设置为100%。（块元素宽 阅读全文
摘要：
7：CSS Sprites的原理（图片整合技术） 一、将导航背景图片，按钮背景图片等有规则的合并成一张背景图，即将多张图片合为一张整图，然后用background-position”来实现背景图片的定位技术。 二、图片整合的优势： 1）通过图片整合来减少对服务器的请求次数，从而提高 页面的加载速度。 阅读全文
摘要：
<!doctype html>Day7：定位锚点透明 6：定位锚点透明 学习目标 1、position 定位属性和属性值 2、定位元素的层级属性 3、包含块的概念和应用 4、锚点连接的语法和应用场景 5、透明属性的应用 6、扩展：Flash和marquee(滚动字幕) 7、overflow中的滚动条 阅读全文
摘要：
5：CSS元素类型 学习目标 1、元素类型分类依据和元素类型分类 2、元素类型的转换 3、inline-block元素类型的应用 4、置换和非置换元素的概念和应用案例 一、元素类型分类依据和元素类型分类 根据css显示分类，XHTML元素被分为 三种类型:块状元素，内联元素，行内块元素、可变元素 1 阅读全文
摘要：
4：css盒模型和文本溢出 学习目标 1、认识盒子模型 2、盒子模型的组成部分 3、学习盒子模型的相关元素 margin padding 4、文本溢出相关的属性 一、css属性和属性值的定义 盒模型是css布局的基石，它规定了网页元素如何显示以及元素间相互关系。css定义所有的元素都可以拥有像盒子一 阅读全文