CSS3 July 23, 2018

深入理解BFC,IFC,GFC和FFC

Words count 6.4k Reading time 6 mins.

BFC,IFC,IFC,FFF是什么,主要解决的什么问题,哪些元素会生成BFC?本文主要针对这几个问题来了解。
在解释之前,需要先介绍 BoxFormatting Context的概念。

Box: ...

Read article

CSS3 March 18, 2018

20个超级实用的css代码

Words count 13k Reading time 12 mins.

原文地址

大家非常的清楚CSS是我们Web制作中不可或缺的一部分。HTML提供了Web制作的结构,但他不能让我们实现美丽的页面制作,此时我们需要CSS的帮助。CSS虽然能帮我们完善Web制作的效果,但其在不同的浏览器下是有不可预知的效果,为了让你的CSS能解决这些不一致下,今天给大家介绍25个CSS技巧代码,我相信这些对你肯家有很大的作用。

这个常用在图片替换文本中,最常见的就是使用使用图片来替换Logo,这个是非常有用的,使用“text-indent”我们可以达到图片替换文本的效果,而且方便搜...

Read article

CSS3 March 06, 2018

flex和grid布局

Words count 27k Reading time 24 mins.

布局的传统解决方案,基于盒状模型,依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。

2009年,W3C 提出了一种新的方案—-Flex 布局,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持,这意味着,现在就能很安全地使用这项功能。

原文地址
Demo地址

容器属性

flex-direction属性

flex-direction属性决定主轴的方向(即项目的排列方向)。

.box{...
Read article
0%