摘要：
接口继承类 接口拥有类的全部属性及方法，但不提供实现，对于private和protected声明的成员，只能被该类自身或其子类继承 派生类必须调用super()来执行基类的构造函数 TypeScript里成员默认声明为public private声明的成员不能再类的外部访问 protected声明的 阅读全文
摘要：
页面默认声明 （1）每个元素都声明了box-sizing属性 （2）全局字体未设置但推荐使用16px （3）body上声明了全局的font-family, line-height,text-align,bankground-color :#fff; 字体声明 采用了设备字体栈的模式，不同的设备采用不 阅读全文
摘要：
使用关键帧声明动画@keframes，单位只能是百分比 ，如0%，格式如下： 或应用如下方式设置动画 通过animation属性来调用动画 属性详解 animation-name 动画名@keyframes后面的自定义名字，可以用none来覆盖任何动画 animation-duration 动画播放 阅读全文
摘要：
过渡函数ease-in等实际上是贝塞尔曲线的实现 过渡函数还有一个step()函数，用于把整个操作领域划分成同样大小的间隔 step()图解 简写，多属性逗号隔开 触发方式 （1）伪元素触发 :hover :active :checked :focus （2）媒体查询触发@media设置断点 （3） 阅读全文
摘要：
三种设置方式 max-width 媒体类型小于或等于时应用 only用来指定特定的媒体，可以排除不支持媒体查询的浏览器 弹性图片 img {max-width:100%;} 设置断点 主要断点 大于1024px 小于768px 小于640px 小于480px 小于320px 阅读全文
摘要：
translate() 移动元素 接受标准度量单位 translateX | translateY | translateZ | translate3d scale() 变大变小 接受一个十进制数 scaleX | scaleY | scaleZ | scale3d rotate() 旋转 径向度量 阅读全文
摘要：
渐变可以应用与任何使用背景图片的地方 底部向顶部 顶部向底部 从左到右 从右到左 从左下到右上 从右上到左下 从左上到右下 从右下到左上 多色渐变 自定义渐变 径向渐变 圆形渐变 椭圆渐变 靠左上角 阅读全文
摘要：
css书写过程中的优先级 （1）display 及相关声明； （2）position 及相关的声明； （3） margin、padding 和 border 及相关声明； （4）字体/文本相关声明； （5）装饰相关声明。 样式表中的顺序按照html中出现的顺序进行编写 根据情况来书写后备代码 腻子脚 阅读全文
摘要：
纵向菜单 tips: 设置a标签display:block填充整个li区域，同时在a标签上设置边距 横向菜单 （1）ul设置overflow:hidden 强制包裹浮动元素，li设置float:left左浮动，a标签设置display:block （2）ul设置inline-block,li设置fl 阅读全文
摘要：
多栏布局的三种实现方案 固定宽度，流动，弹性 原则上应该控制布局宽度，而让内容决定布局高度 固定宽度布局 解决设置margin,padding或border后元素宽度变宽的方法 （1）设置box-sizing属性为border-box。存在兼容性问题，可以使用腻子脚本ployfill来解决。 （2） 阅读全文