随笔分类 -  css3

摘要:一,HTML/5 1,浏览器渲染过程 主流浏览器渲染过程叫法有区别,但是主要流程还是相同的。Gecko 将视觉格式化元素组成的树称为“框架树”。每个元素都是一个框架。WebKit 使用的术语是“呈现树”,它由“呈现对象”组成。对于元素的放置,WebKit 使用的术语是“布局”,而 Gecko 称之为 阅读全文
posted @ 2018-10-12 14:49 知兮 阅读(313) 评论(0) 推荐(0) 编辑
摘要:最近在做一个官网类型滚动加载动画,使用到waypoint监听事件插件和animate动画样式,两者结合完美实现向下滚动加载动画,但是没有做向上滚动撤消动画,留待以后有空研究 首先来介绍下jquery.waypoint.js工具,这是一个实时监听页面滚动事件,它依赖于jquery,通过jquery添加 阅读全文
posted @ 2018-05-04 16:10 知兮 阅读(3628) 评论(0) 推荐(0) 编辑
摘要:最近老有新项目开发,一直在找存留的CSS初始化代码,索性放到这里备份下, 阅读全文
posted @ 2017-01-03 10:32 知兮 阅读(844) 评论(0) 推荐(0) 编辑
摘要:最近做到一个手机页面,要求在标题边上放上两条对称的延展线,想了几个方法都不太理想,于是写了特别的组合,很适合移动端使用,完全自适应 让页面随分辨率缩放的mate 延伸阅读 display: flex;display: -webkit-flex; /* Safari */ flex多栏多列布局 当父辈 阅读全文
posted @ 2016-08-08 15:20 知兮 阅读(198) 评论(0) 推荐(0) 编辑
摘要:一个简单的选择方法,很方便 阅读全文
posted @ 2016-03-29 17:17 知兮 阅读(235) 评论(0) 推荐(0) 编辑
摘要:一般在移动网页时,图片属性写成如下就可以达到自适应大小 若在某些特殊时候图片会出现宽度自动高度却拉伸的情况下,可以用以下写法(max-width: 100%; height:auto;display: block;)注:做用户图像图片时最好使用1比1标准尺寸图片... 阅读全文
posted @ 2015-10-28 17:21 知兮 阅读(440) 评论(0) 推荐(0) 编辑
摘要:white-space:normal;overflow: auto;table-layout:fixed; word-break: break-all; 阅读全文
posted @ 2015-09-16 17:25 知兮 阅读(362) 评论(0) 推荐(0) 编辑