今日内容： 1、元素类型分类依据和元素类型分类 2、元素类型的转换 3、inline-block元素类型的应用 4、置换和非置换元素的概念和应用案例 一、元素类型分类依据和元素类型分类 根据css显示分类，XHTML元素被分为三种类型:块状 ...

本文将讲述 CSS 中最核心的几个概念，包括：盒模型、position、float等。这些是 CSS 的基础，也是最常用的几个属性，它们之间看似独立却又相辅相成。为了掌握它们，有必要写出来探讨一下，如有错误欢迎指正。元素类型HTML 的元素 ...

上篇我们讲解了不同类型元素的特点，我们可以随意的排列组合他们来达到我们想要的效果。但是他们都是基于一个二维平面的，如果我们想在布局中有遮挡，重叠之类的更丰富效果，我们就需要使用到定位和浮动的相关知识。 1.文档流 文档流就是按照页面元素书写 ...

1.1块级元素 & 行内元素 & 行内块级元素 元素除了自己的盒模型外还有自己的分类。从元素的布局特性来分，主要可以分为三类元素：块级元素，行内元素，行内块级元素。 接下来看下他们的定义： 块级元素：display属性取block、tabl ...

CSS 布局本质就是控制元素的位置和大小。比如这样的布局：元素宽960px，水平居中。宽960px是大小。水平居中是位置。又如这样的布局：两个元素在一行，左侧元素固定宽200px，右侧元素撑满剩余空间。固定宽200px，撑满剩余空间是大小。 ...

1. float+overflow:hidden 这种办法主要通过 overflow 触发 BFC,而 BFC 不会重叠浮动元素。由于设置 overflow:hidden 并不会触发 IE6-浏览器的 haslayout 属性，所以需要设置 ...

-三列布局，中间宽度自适应，两边定宽； -中间栏要在浏览器中优先展示渲染； -允许任意列的高度最高； 1. 绝对定位 原理就是将左右两边的元素设置为绝对定位，中间的元素设置其左右的margin值为左右两个元素的宽度 <!DOCTYPE ht ...

近年来前端工程师已经可以通过不同的css布局技巧制作出很复杂的布局。其中有些技巧有很长的历史（比如：floats）,也有一些是近几年才被青睐的(比如flexbox)。 在这篇文章中，我们会更加细致地探索一些鲜为人知的关于 CSS posit ...

CSS基础知识 css，英文Cascading Style Sheets，中文名：级联样式表。层叠样式表。 css是一种表现语言，是对网页语言的补充。 css用于网页的风格设计，包括字体，颜色，位置等。 css使用的4中方式：引入外部样式文 ...

一、定位的使用场景？定位的使用场景比较多,比如下面的图片就能显示出定位的重要性image.png二、定位属性元素的定位属性主要包括定位模式和边偏移两部分边偏移</p ...