html
文章平均质量分 56
仰.
程序员小崔,努力写代码
展开
-
圣杯双飞翼
两栏。圣杯,双飞翼布局两栏布局左边浮动,右边加oveflow:hidden;变成BFC清除左侧浮动元素影响三栏布局圣杯布局和双飞翼布局两者的功能相同,都是为了实现一个两侧宽度固定,中间宽度自适应的三栏布局。(中间先加载渲染)圣杯布局来源于文章In Search of the Holy Grail,而双飞翼布局来源于淘宝UED。虽然两者的实现方法略有差异,不过都遵循了以下要点:* 两侧宽度固定,中间宽度自适应* 中间部分在DOM结构上优先,以便先行渲染* 允许三列中的任意一列成为.原创 2022-01-11 08:24:20 · 113 阅读 · 0 评论 -
元素居中的三种方式。
方法一:父相自绝后,子分部向左向上移动本身宽度和高度的一半(也可以用 transform:translate(-50%,-50%))最常用方法方法二:父元素设置成弹性盒,子元素横向居中,纵向居中方法三:父向子绝,子元素所有定位为0,margin设置auto自适应。...原创 2022-01-08 15:27:33 · 279 阅读 · 0 评论 -
HTML&CSS
一.盒模型1.什么是盒模型?HTML页面中,每一个元素都可以被看作一个盒子,盒子由:内容区(content)、填充区(padding)、边框区(border)、外边界区(margin)四部分组成。 2.两种盒模型。标准模式下: 一个块的总宽度(页面中占的宽度)= width + margin(左右) + padding(左右) + border(左右)怪异模式下: 一个块的总宽度= width + margin(左右)(即width已经包含了pad...原创 2022-01-05 17:02:53 · 98 阅读 · 0 评论