css样式篇
文章平均质量分 79
给我一颗橙子
不忘初心
展开
-
css之dispaly:flex;多行多列
最近老是遇到布局问题,尤其是在垂直居中布局上。之前不了解display:flex;最近看了看书,简单的整理了下,于是就产生了这篇文章 flex弹性布局可以简便,完整,响应式的实现各种页面的布局,而且现在也得到了所有浏览器的支持,实在是布局很便利的工具呢。 一、flex布局的基本概念 1.任何一个元素使用display:flex属性后都可以看做一个flex容器;2.它的子元素变成flex容器中原创 2017-10-02 11:44:39 · 18553 阅读 · 0 评论 -
css之transform篇
今天突然想到面试的时候被问道这个问题,居然没回答上来,心中无比愤懑,于是就诞生了这篇干货。好啦,进入正题了,下来我们就来介绍transform属性: 在css3中 transform属性主要包括以下值:旋转rotate、扭曲skew、缩放scale、移动translate、以及矩阵变形matrix 一、旋转rotate: rotateX():绕X轴旋转某度 rotateY(原创 2017-10-03 10:10:43 · 1764 阅读 · 0 评论 -
css之水平垂直居中篇
css垂直居中的方法有很多,今天没事干,就整理了一下 一、块级元素的垂直水平居中 1.固定宽高+position:absolute+margin:auto实现垂直水平居中(灰色区域为浏览器页面,红色为当前元素) 1)来看一个小栗子(只设置margin属性):我们发现只设置margin属性的时候实现水平居中 Document div{ background-co原创 2017-10-03 19:13:53 · 408 阅读 · 0 评论