CSS 当中的 display

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

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

CSS 当中的 float

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

伪类与伪元素

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

IE 中的 haslayout

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

Your browser is out-of-date!

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

×