摘要：
CSS -3D转换-位移:translate、旋转: rotate3d、透视: perspective、呈现transfrom-style 3D转换我们主要学习工作中最常用的3D位移和3D旋转 3D位移:translate3d(x,y,z) 3D旋转: rotate3d(x,y,z) 透视: per 阅读全文
摘要：
CSS3-动画 动画( animation)是 CSS3 中具有颠覆性的特征之一，可通过设置多个节点来精确控制一个或一组动画，常用来实现复杂的动画效果。 相比较过渡，动画可以实现更多变化，更多控制，连续自动播放等效果。 动画制作分两步： 先定义动画 再调用动画 1、用 keyframes 定义动画（ 阅读全文
摘要：
CSS3 -2D转换之translate 转换（transform）是CSS3中具有颠覆性的特征之一，可以实现元素的位移、旋转、缩放等效果，可以简单理解为变形 移动：translate 旋转：rotate 缩放：scale 1、位移-translate 2D移动时2D转换里面的一种功能，可以改变元素 阅读全文
摘要：
CSS3—盒子模型、图片变模糊、calc函数、过渡 2.CSS3 盒子模型 CSS3中可以通过box-sizing来指定盒模型，有2个值:即可指定为content-box、border-box，这样我们计算盒子大小的方式就发生了改变。 可以分成两种情况︰ box-sizing:content-box 阅读全文
摘要：
CSS3 的新特性 新增的CSS3特性有兼容性问题，ie9+才支持 移动端支持优于PC端 1.CSS3 新增选择器 （1）属性选择器 属性选择器可以根据元素特定属性来选择元素。这样就可以不要借助于类或者 id 选择器。 ==注意：==类选择器、属性选择器、为类选择器，权重为10 （2）结构伪类选择器 阅读全文
摘要：
HTML5 的新增特性 1.HTML5 新增的语义化标签 header ：头部标签 nav：导航标签 article：内容标签 section：定义文档某个区域 aside：侧边栏标签 footer：尾部标签 ==注意:== 1.这种语义化标准主要是针对搜索引擎的 2.这些新标签页面中可以使用多次 阅读全文
摘要：
css布局三角巧妙运用-三角强化 原理：做出一个矩形盒子（如下：红色）和一个直角三角盒子（如下：蓝色），将直角三角定位到矩形右侧。 直角三角代码如下： *注意：直角三角是由一个width和height均为0的正方形盒子变化而来，通过设置盒子的边框宽度来实现大小，案例中不是等腰三角形，需要通过增加上边 阅读全文
摘要：
单行文字溢出省略号显示、多行文字溢出省略号显示 1、单行文字溢出显示省略号——必须满足三个条件 /*1、先强制一行显示文本*/ white-space: nowrap ; (默认 normal 自动换行) /*2、超出的部分隐藏*/ overflow: hidden; /*3、文字用省略号替代超出的 阅读全文
摘要：
vertical-align 属性应用 CSS的 vertical-align 属性使用场景：经常用于设置图片或表单（行内块元素）和文字垂直对齐。 官方解释：用于设置一个元素的垂直对齐方式，但是它只针对行内元素或者行内块元素有效。 vertical-align :baseline | top | m 阅读全文
摘要：
PC端网页特效—元素偏移量 offset 系列 1.offset概述 offset翻译过来就是偏移量,我们使用offset系列相关属性可以动态的得到该元素的位置(偏移)、大小等。 获得元素距离带有定位父元素的位置 获得元素自身的大小(宽度高度) 注意:返回的数值都不带单位 2.offset系列常 阅读全文