![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
文章平均质量分 88
pakar
软件移动设备的学习者,菜鸟,多多指教
展开
-
CSS编码技巧一尽量减少代码重复
CSS编码技巧一减少代码重复 em单位和rem单位CSS编码技巧一减少代码重复重要设计原则:DRY (Don’t Repeat Yourself) 灵活的代码通常容易扩展,这就需要提高代码的复用率 降低测试难度 方便后期的迭代和维护。CSS同样需要,我们写CSS的时候,如果遵从DRY的原则,只需要覆盖一些变量,就可以扩展出不同的变体。 废话不多说,直接上例子了;比如我们写一个ButtonCSS原创 2016-11-07 00:39:16 · 336 阅读 · 0 评论 -
CSS常见布局实现
单列水平居中布局 两列布局 三列布局##CSS常见布局实现 常见的布局原创 2016-11-09 01:35:12 · 267 阅读 · 2 评论 -
垂直居中实现的几种方式
水平居中 垂直居中 行内元素垂直居中 块级元素垂直居中 块级元素高度固定 块级元素高度不固定 居中问题有水平居中和垂直居中,这两种居中又分为行内元素居中和块级元素;水平居中首先说一下水平居中,相对比较简单; 行内元素: 在它的父布局元素应用text-align:center;块级元素: 对自身应用margin:auto; 如果是垂直居中就是一件很头疼的事情啦~垂直居中看上去似乎很简单,然而并原创 2016-11-15 00:10:23 · 264 阅读 · 0 评论 -
CSS3新特效之酷炫悬浮效果
CSS3新特性 基本思路CSS3新特性CSS3有很多新特性 CSS3 选择器(Selector) CSS3 的多列布局(multi-column layout) CSS3 的渐变效果(Gradient) CSS3 的阴影(Shadow)和反射(Reflect)效果 CSS3 的盒子模型 CSS3 的 Transitions, Transforms 和 Animation 等等….and so on原创 2016-11-22 00:29:10 · 1339 阅读 · 0 评论