随笔分类 -  CSS

css垂直居中方案
摘要：垂直居中的几种方法 html结构 css 1. 使用flex布局 在父容器中设置 2. 绝对定位 分为已知宽高和未知宽高两种情况 已知宽高都是100px，设置自身为绝对定位（absolute），top和left为50%，margin left、margin top为自身的一半，也就是50px 未知宽 阅读全文
posted @ 2019-08-20 21:10 dobeco 阅读(354) 评论(0) 推荐(0)
前端清除浮动的几种方法
摘要：清除浮动方法 给父级定义 缺点:扩展性不好 父级 定位 浮动 开启 浮动/定位盒子的特点高宽都由内容撑开 缺点:IE6会失效,添加样式 触发 (haslayout) 缺点:IE6不支持 空标签清除浮动 `` 缺点:违反了结构行为样式相分离的原则. 伪元素清除浮动 clearfix 阅读全文
posted @ 2019-08-20 20:35 dobeco 阅读(952) 评论(0) 推荐(0)
CSS3中的transform转换属性
摘要：属性 transition property 定义对象中参与过度的属性 transition delay 延迟 transition duration 持续时间 transition timing function 状态变化速度 简写 规则 如果只提供一个参数，则为 的值定义；如果提供二个参数，则第 阅读全文
posted @ 2019-08-03 16:24 dobeco 阅读(389) 评论(0) 推荐(0)
animation动画
摘要：属性 @keyframes 关键帧 animation name 动画名称 animation fill mode 动画结束之后的状态 animation direction 动画在循环中是否反向运动 animation duraction 持续时间 animation timing functio 阅读全文
posted @ 2019-08-03 16:22 dobeco 阅读(1165) 评论(0) 推荐(0)
flex
摘要：[toc] 属性 1. align content 属性定义了多根轴线的对齐方式。如果项目只有一根轴线，该属性不起作用。 基本位置对齐 默认对齐 基线对齐 分布式对齐 溢出对齐 全局属性 2. aligin items 侧轴对齐（y轴） 3. align self 侧轴上单个项目对齐方式 4. fl 阅读全文
posted @ 2019-08-03 16:22 dobeco 阅读(249) 评论(0) 推荐(0)
使用sass
摘要：sass安装 compass安装 1.sass 需要安装ruby,然后通过gem安装sass. 2. less有想=两种安装方: 客户端安装 : 引入less.js,然后就可以直接用.less文件 服务器安装 安装node,使用npm安装less 1.安装ruby 2.查看ruby版本 3.安装sa 阅读全文
posted @ 2019-08-03 16:02 dobeco 阅读(159) 评论(0) 推荐(0)