m0_58085188的博客

flexbox又叫弹性盒子，是一种用于按行或按列布局元素的一维布局方法，元素可以膨胀以填充额外的空间，收缩以适应更小的空间，通常我们使用flexbox来进行布局的方案称之为flex布局flex布局的重要概念有两个一个是开启flex布局的元素叫flex container 也就是父元素flex container 里面的直接子元素叫做flex item 也就是各个子元素当flex container中的子元素变成了flex item 的时候 会具有以下特点。

float属性可以指定一个元素应沿着容器的左侧或右侧放置，允许文本和内联元素环绕他绝对定位和浮动的话都可以让元素脱标，达到灵活布局的效果float常用取值有none、left、right浮动的规则元素一旦发生浮动，就会脱离标准流朝着左or右边方向移动，知道自己的边界紧贴着包含快，一般是父亲元素或者其他浮动元素的边界为止定位元素会层叠在浮动元素的上面。如果元素是向左（右）浮动的时候，浮动元素的左（右）边界不能超出包含块的左（右）边界浮动元素之间不能层叠。

我们提供一个或多个字体种类的名称后， 浏览器会在列表搜寻，直到找到他所运行的系统上可以用的字体。但是这样的话，字体选择是有限的，不能用一些定制化的字体网络字体不是预先安装在用户的操作系统的，是浏览器在渲染网页时下载的。当我们要用一些os没有的字体的时候这个时候我们就可以用web fonts来解决这个问题，步骤如下一般情况下是在自己的服务器下载字体，也可以在网站下载，默认下载出来的是ttd文件使用字体，将字体放在对应目录中，通过@font-face语法引入字体，并且设置格式。然后使用字体。

【代码】那些年切图仔背过的盒子模型八股。

text-decoration用于设置文字的装饰线，（decoration装饰）（不是继承属性）text-decoration有以下常见的取值none:无任何装饰线（可以去掉a元素默认的下划线）underline：下划线overline：上划线line-through：中划线text-decoration属性是一种简写的属性，并且可以使用普通属性三个值的任何一个：text-decoration-line:文本修饰的属性，如下划线underline，删除线line-through；