css
骑鱼的少年
君子藏器于身,待时而动
展开
-
CSS盒子模型(Box Model)
什么是盒子模型所有HTML元素可以看作盒子,在CSS中,"box model"这一术语是用来设计和布局时使用。CSS盒模型本质上是一个盒子,封装周围的HTML元素,它包括:外边距(margin),边框(border),内边距(padding),和实际内容(content)。模型分类一、标准盒子模型width就是concent的宽度,不包括padding margin border的...转载 2019-07-15 16:43:02 · 529 阅读 · 0 评论 -
css面试题概览
转自2019前端面试题盒模型flexcss单位css选择器bfc 清除浮动层叠上下文常见页面布局响应式布局css预处理后处理css3新特性animation和transiton的相关属性animate和translatedisplay哪些取值相邻的两个inline-block节点为什么会出现间隔,该如何解决meta viewport 移动端适配CSS实现宽度自适...转载 2019-07-15 17:49:46 · 300 阅读 · 0 评论 -
css垂直水平居中
一、已知宽高1.计算宽高,margin调整在已知宽高的情况下,直接计算margin-top和margin-left的大小。不推荐2.绝对定位+margin.box-container { position: relative; width: 100px; height: 100px; background-color: olivedrab;}.box-...原创 2019-07-16 15:14:33 · 127 阅读 · 0 评论 -
BFC概念和清除浮动
一、BFC概念BFC 即 Block Formatting Contexts (块级格式化上下文),是W3C CSS2.1规范中的一个概念,决定了元素如何对其内容进行定位,以及与其他元素的关系和相互作用。具有BFC特性的元素可以看做是隔离了的独立容器,容器里面的元素不会在布局上影响到外面的元素,并且BFC具有普通容器所没有的的一些特性。二、BFC生成条件只要元素满足下面任一条件即可触发B...转载 2019-07-16 17:42:53 · 1717 阅读 · 0 评论