行知任之 每一次旅行都是不同的尝试!

巧用CSS自定义有序序列

CSS实现计数需要三个部分,counter-reset(计数器初始化)、counter-increment(计数器累加)、counter(显示计数器);

标签: css

作者:Bryan 分类:CSS 浏览:62 评论:0

面试之道 - 元素实现水平垂直居中的CSS解决方案

这是一个典型的面试问题,典型的什么地步呢,基本上每次面试的时候都会遇到,就是这么夸张。网上也有非常多的关于实现水平垂直居中的方法,甚至连实现原理都讲得非常细的文章也有。在N年以前我也曾写过一篇这样的博文,一句话,时代在进步,技术在更新,实现方案也更是五花八门。这边文章重在解决方案,没有剖析其实现原理。

标签: 面试题

作者:Bryan 分类:CSS 浏览:99 评论:0

清除浮动的几种方式

清除浮动的几种方式:

  清除浮动可以理解为清除浮动产生的影响。当元素浮动时也就是为当前元素创建了块格式化上下文(BFC),会对周围的元素或者父元素在布局上会产生一定的影响,比如:父元素因无法自动计算高度而产生的高度塌陷;因脱离文档流而使兄弟元素错位等。

  要清除浮动产生的影响,其实就是在解决这两方面的问题。方法是可以通过设置父元素高度,或利用BFC,或者使用自带属性 `clear1 进行清除。

1. 设置父元素的高度   设置父元素的高度解决的是元素浮动产

标签: css

作者:Bryan 分类:CSS 浏览:109 评论:0