摘要：
在流式布局和flex布局之中，我们的文字都是固定大小。高度也都是固定的。我们怎么让文字和高度自适应呢？ 1. rem基础 rem是一个单位，rem(root rem)是一个相对单位，类似于em em是父亲元素字体大小 不同的是rem的基准是相对于html元素(根元素)的字体大小 比如 根元素(htm 阅读全文
摘要：
1. flex 布局体验 传统布局: 兼容性好 布局繁琐 局限性，不能在移动端很好的布局。 flex 弹性布局: 操作方便 布局极为简单 移动端应用很广泛 PC端浏览器支持情况较差 IE 11或更低版本 不支持或仅部分支持。 建议: 如果是PC端页面布局 我们还是选择传统布局 如果是移动端或者不考虑 阅读全文
摘要：
1.移动端基础 1.1 浏览器现状 国内的UC和QQ 百度等手机浏览器都是根据Webkit修改过来的内核，国内目前尚无自主研发的内核，就像国内的手机系统基本上都是局域安卓修改开发的一样. 意思就是:兼容移动端主流浏览器 处理Webkit内核浏览器即可。 1.2 手机屏幕的现状 移动端设备屏幕尺寸非常 阅读全文
摘要：
浏览器的私有前缀是为了兼容老版本的写法 比较新版本的浏览器无需添加 1.私有前缀 -moz-:代表firefox(火狐)浏览器的私有属性 -ms-:代表IE浏览器的私有属性 -webkit-:代表safari chrome私有属性 -o-:代表opera(欧朋)浏览器私有属性 2.提倡写法 一圆角为 阅读全文
摘要：
3D转换之移动 3D移动在2D移动的基础上多加了一个可以移动的方向,就是Z轴方向 语法: transform: translateX(100px); transform: translateY(100px); /* 注意这个我们一般使用px单位 */ transform: translateZ(10 阅读全文
摘要：
动画 动画(animation)是CSS3中具有颠覆性的特征之一，可以通过设置多个节点来精确控制一个或者一组动画。通常用来实现复杂的动画效果 相比较过度，动画可以实现更多变化，更多控制，连续自动播放等效果。 1.1动画的基本使用 1.先定义动画 2.在使用(调用)动画 定义动画 @keyframes 阅读全文
摘要：
转换(transform)是CSS3中最具有颠覆性的特征之一,可以实现元素的位移 旋转 缩放等效果。可以简单的理解为变形。 移动:translate 旋转:rotate 缩放:scale 2D转换是改变标签在二维平面上的位置和形状的一种技术。在X轴和Y轴进行变形。 移动语法: transform: 阅读全文
摘要：
一 CSS3 现状 在CSS2的基础上新增扩张的样式 移动端支持优于PC端 不断改进中 应用相对广泛 1.1 CSS3中新增的选择器 1> 属性选择器 代码示例 <head> <meta charset="UTF-8"> <meta name="viewport" content="width=de 阅读全文
摘要：
一.什么是HTML5 万维网的核心语言，标准通用标记语言下的一个应用超文本标记语言(HTML)的第五次重大修改,具有新的元素,属性和行为。 相比旧版本HTML5具有更大的技术集 允许更多样化和强大的we哪个站和应用程序 增加了 语义特性 本地存储特性 设备兼容特性 链接特性 网页多媒体特性 三维 图 阅读全文
摘要：
一 CSS布局的三种机制 1.标准流 2.浮动(盒子脱离标准流 浮起来 盒子水平排列) 3.定位(将盒子定在某一位置 自由的漂浮在其他盒子上面 css 离不开定位 特别是js特效) 二 为什么使用定位 要实现以上效果，不使用定位是非常困难的 将盒子定在某一个位置，自由的漂浮在其他盒子(包括标准流和浮 阅读全文