CSS 当中的 display

我们在之前的章节当中介绍了 CSS 当中的 float 属性,今天我们接着上回继续来看 CSS 当中的 display 属性

display 是设计 CSS 版面配置中最重要的属性,每个 HTML 元素都有一个预设的 display 值,不同的元素属性会有不同的预设值,大部分元素的 display 属性,预设值通常是 block 或 inline 其中一个,若该元素的 display 属性被标示为 block 就被称为『区块元素』,若被标示为 inline 就称为『行内元素』,但是我们在这里并不会介绍它的全部属性,而是只会介绍一些比较常用的,比如 block、inline-block、inline 和 none 等,我们就先从 none 开始看起吧

CSS 当中的 float

算是一篇系列文章吧,主要涉及到 CSS 当中的 float、display、position、vertical-align、line-height 这几个属性,因为在平常开发当中也只是拿来使用,并没有十分深入的去了解它们,所以就打算在这里从头开始慢慢的梳理一遍,也当是复习复习了,我们就先从 float 开始

伪类与伪元素

我们先来了解一下两者的官方定义,可以见 伪元素和伪类,简单的总结一下就是

IE 中的 haslayout

特别注意,hasLayout 在 IE8 及之后的 IE 版本中已经被抛弃,所以在实际开发中只需针对 IE8 以下的浏览器为某些元素触发 hasLayout

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×