![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
文章平均质量分 91
winjowind
这个作者很懒,什么都没留下…
展开
-
CSS居中之道
css布局里居中问题是最基本也是平时布局时都会遇到的问题,虽然之前也积累了几种居中的方法,但实际做页面布局时发现不知道选择哪种居中方法好,甚至有的居中方案能解决布局,但会引发一些小问题,后期维护起来也麻烦,感觉像hack一样,只是为居中而居中,因此总结几种平时都会用到的方案,并针对其原理和适用场景进行分析和总结。原创 2016-07-04 01:18:45 · 392 阅读 · 0 评论 -
css布局之负外边距的妙用
在利用css布局时,理解浏览器如何根据css属性进行渲染我觉得对于控制排版是非常重要的,一般我在脑中会把元素设想为一个个盒子,盒子有内部,有外部,浏览器就是按顺序根据样式把一个个盒子排列起来,而盒子之间边界是包含外边距的边界,起点是左上角。 图取自w3school 通过设置width,padding,margin等属性可以调节整个盒子的大小,而对于浮动元素,个人理解就像是设置对块级元素不可见一样原创 2016-07-05 23:58:51 · 4563 阅读 · 0 评论 -
matrix矩阵变换
在CSS3转换以及HTMAL5画布里均有元素或图形的转换,除了基本的移动、缩放、转动、拉伸还有一个能包含上述所有转换方法的matrix方法,在HTML5的canvas里用的是transform,不管是CSS3还是HTML5,其转换的本质是一样的,不同的是CSS3里默认坐标原点在中间,HTML5默认坐标在左上角,但都有对应方法可以移动坐标轴。下面就总结如何运用matrix方法进行转换。原创 2016-06-20 12:56:26 · 1042 阅读 · 0 评论 -
flex布局总结
flex布局可以轻松实现元素的水平及垂直居中,还可以调整元素的顺序,而只需要设置简单的几个属性就可以达到非常好的效果,下面总结一下flex的一些属性,以便查询。要用flex布局很简单,只需要设置display: flex或display: inline-flex,顾名思义,前者是块级元素,后者是内联元素,这是作用于父元素上的,个人觉得有点像表格一样,当元素设置display: table或者用表格标原创 2016-07-14 02:11:13 · 1402 阅读 · 0 评论