CSS面试题

什么是BFC BFC 全称：Block Formatting Context， 名为 "块级格式化上下文"。 W3C官方解释为：BFC它决定了元素如何对其内容进行定位，以及与其它元素的关系和相互作用，

盒模型的组成：margin+border+padding+content 标准盒模型的width=真实的内容区宽度 怪异盒模型的width=width+padding+border 切换盒模型可以通过

划重点！！！！！！ 这是一道面试必问题。实现效果图如下所示。 这个问题分为两种情况： 居中元素定宽高 居中元素不定宽高 居中元素定宽高 公共代码 在实现上述效果之前，需要先准备两个div，以下是公共代

字体属性：font、font-family、font-size、font-style、font-variant、font-weight 字母间距属性：letter-spancing 可见性属性：vis

三角形 思路 画一个正方形+边框 效果如下图所示： 白色区域则为width、height，这时候只需要你将白色区域部分宽高逐渐变小，最终变为0，则变成如下图所示： 如果取下边框作为三角形，先把上边框（

1、问题 需求 解决方法 1、使用负margin-bottom和正padding-bottom对冲实现 2、模仿table布局 table元素中的table-cell元素默认就是等高的。 3、flex

在上文我们已经知道，CSS像素为1px宽的直线，对应的物理像素是不同的，可能是2px或者3px,而设计师想要的1px宽的直线,其实就是1物理像素宽。 在上文我们已经知道，CSS像素为1px宽的直线，对

css如何实现6px字体 谷歌的字体最小限制是12px 我们可以这样实现

属性值 作用 备注 relative 相对定位 参考元素本身 absolute 绝对定位 参考最近的祖先元素 static 静态定位 基本定位规定 fixed 固定定位 参考浏览器窗口 1、relat

圣杯布局和双飞翼布局 两者比较 圣杯布局 思路 左中右三个元素分别左浮动。 中间元素占据第一位置优先渲染，设置该元素 width 为 100% 左元素设置左边距为-100%以使得左元素上升一行并且处于

两栏布局 1、使用浮动 思路 左侧盒子使用float，左浮动 右侧盒子宽度为100% 代码 效果 2、定位 思路 父元素定位position：relative 左侧盒子position：absolut