摘要：
关于溢出:1、溢出属性（容器的）overflow:visible/hidden(隐藏)/scroll/auto(自动)/inherit;visible:默认值，内容不会被修剪，会成现在元素框之外；hidden：内容会被修剪，并且其余内容是不可见的；scroll：内容会被修剪，但是浏览器会显示滚动条， 阅读全文
摘要：
○ css 精灵（Sprites）技术利用photoshop将图片整合，然后用background-images，background-position，background-repeat技术，对图片进行精确定位。 ○ 优点：减少http请求数量，减少服务器压力，减少图片字节，提高网页加载速度 ○ 阅读全文
摘要：
● 浏览器兼容问题由来 ○ 由于各大主流浏览器由不同的厂家开发，所用的核心架构和代码也很难重和，这就为各种莫名其妙的Bug(代码错误）提供了温床。再加上各大厂商出于自身利益考虑而设置的种种技术壁垒，都让CSS应用起来比想象得要麻烦。浏览器的兼容问题是我们必须去克服的。 ● 浏览器介绍 ○ 主流浏览器 阅读全文
摘要：
● 宽高自适应 ○ 网页布局中经常要定义元素的宽和高。但很多时候我们希望元素的大小能够根据窗口或子元素自动调整，这就是自适应。元素自适应在网页布局中非常重要，它能够使网页显示更灵活，可以适应在不同设备、不同窗口和不同分辨率下显示。 ○ 宽度自适应：元素宽度设置为100%。（块元素宽度默认为100%） 阅读全文
摘要：
● 元素分类 ○ 块状元素（block element） ■ 块状元素在网页中就是以块的形式显示，所谓块状就是元素显示为矩形区域，常用的块状元素包块div,dl,dt,dd,ol,ul,fieldset,(h1-h6),p,form,hr,iframe,colgroup,col,table,tr,t 阅读全文
摘要：
● 定位 ○ position 定位属性，检索对象的定位方式； ■ static：默认值，无特殊定位，对象遵循HTML原则； ■ absolute：绝对定位，将对象从文档流中拖离出来，使用left/right/top/bottom等属性相对其最接近的一个并有定位设置的父元素进行绝对定位；如果不存在这 阅读全文
摘要：
● html5发展史 ○ 超文本标记语言（HTML）的第五次重大修改。 ○ HTML5草案的前身名为 Web Applications 1.0，于2004年被WHATWG提出，于2007年被W3C接纳，并成立了新的 HTML 工作团队。 ○ HTML 5 的第一份正式草案已于2008年1月22日公布 阅读全文
摘要：
● css3 多列 ○ column-count 属性规定元素应该被分隔的列数： ○ column-gap 属性规定列之间的间隔大小 ○ column-rule 属性设置列之间的宽度、样式和颜色规则 ■ column-rule-color规定列之间规则的颜色。 ■ column-rule-style 阅读全文
摘要：
● css3简介 ○ CSS即层叠样式表（Cascading StyleSheet）CSS3是CSS技术的升级版本，CSS3语言开发是朝着模块化发展的模块包括： 盒子模型、列表模块、超链接方式 、语言模块 、背景和边框 、文字特效 、多栏布局等CSS 用于控制网页的样式和布局。CSS3 是最新的 C 阅读全文
摘要：
● css3背景渐变 ○ background：linear-gradient([ <point>,]? <color-stop>[, <color-stop>]+);线性渐变 ○ background：repeating-linear-gradient([ <point>,]? <color-st 阅读全文
摘要：
● css3 3D旋转 ○ rotateX() 方法，元素围绕其 X 轴以给定的度数进行旋转 ○ rotateY() 方法，元素围绕其 Y 轴以给定的度数进行旋转 ○ rotateZ(angle)，定义沿 Z 轴的 3D 旋转。 ● 3D景深 ○ perspective(n)，景深，离屏幕多远的距离 阅读全文
摘要：
● 表单高级 ○ 表单字段集<fieldset></fieldset> ■ 功能：相当于一个方框，在字段集中可以包含文本和其他元素。该元素用于对表单中的元素进行分组并在文档中区别标出文本。fieldset元素可以嵌套，在其内部可以在设置多个fieldset对象。 ○ 字段级标题<legend></l 阅读全文
摘要：
页面窗口自动调整到设备宽度，并禁止用户缩放页面<meta name="viewport" content="width=device-width,initial-scale=1.0,min"/><!-- 声明文档使用的字符编码 --> <meta charset='utf-8'> <!-- 优先使用 阅读全文
摘要：
● css3简介 ○ CSS即层叠样式表（Cascading StyleSheet）CSS3是CSS技术的升级版本，CSS3语言开发是朝着模块化发展的模块包括： 盒子模型、列表模块、超链接方式 、语言模块 、背景和边框 、文字特效 、多栏布局等CSS 用于控制网页的样式和布局。CSS3 是最新的 C 阅读全文
摘要：
● 怪异盒模型（ie7以下） ● 新版盒模型 ○ display:flex设置为弹性盒 ○ flex-direction顺序指定了弹性子元素在父容器中的位置。 ■ row默认在一行内排列 ■ row-reverse：反转横向排列（右对齐，从后往前排，最后一项排在最前面。 ■ column：纵向排列。 阅读全文