闲白
MEiSAHFa
这个作者很懒,什么都没留下…
展开
-
Vue实例生命周期及钩子函数
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title&原创 2019-02-14 19:59:13 · 142 阅读 · 0 评论 -
css过渡transition
transition:简写属性,用于设置四个过渡属性(过渡属性 持续时间 运动曲线 延迟时间),可以写多个过渡,中间用逗号分隔或者直接用all代表全部。transition-property:规定应用过渡的css属性名称。transiton-duration:定义过渡效果持续时间,默认是0,单位s(秒)。transition-timing-function:定义过渡效果时间 曲线,默认是e...原创 2019-01-17 19:46:58 · 225 阅读 · 0 评论 -
字体图标(iconfont)
字体图标是为解决图片放大或缩小后失真、整站图片过多请求和整站体积过多的问题。字体图标可以和图片改变透明度、旋转等,其本质是文字所以也可以改变颜色、添加阴影等效果而且一般来说比图片体积会更小并被绝大部分浏览器支持。例如常见的购物车图标,按钮图标等都可以采用字体图标来做,用font-size来控制大小,用color来控制颜色等。以阿里巴巴图标库为例:字体图标下载完后目录如图,将其拷贝到项目中,在...原创 2019-01-17 11:09:46 · 1091 阅读 · 0 评论 -
css防止文本域拖拽
textarea标签默认在火狐、谷歌等浏览器下是可以进行右下角拖拽的,使用resize:none;可以有效防止。原创 2019-01-14 17:51:24 · 3987 阅读 · 0 评论 -
css3 transform定位盒子居中
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> section{ wi原创 2019-01-18 16:15:03 · 828 阅读 · 0 评论 -
css3盒模型box-sizing
css3中可以通过box-sizing来指定盒模型,属性值为content-box、border-box、inherit。content-box:盒子大小为width+padding+border,box-sizing的默认值为content-box即标准w3c盒子。border-box:盒子大小为width,即padding和border都包含在width内。inherit此属...原创 2019-01-13 23:54:03 · 206 阅读 · 0 评论