自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(4)
  • 收藏
  • 关注

转载 BFC块格式化上下文

一、BFC概念块格式化上下文(Block Formatting Context,BFC) 是Web页面的可视化CSS渲染的部分,是块级盒布局发生的区域,也是浮动元素与其他元素交互的区域。二、如何创建BFC根元素或其它包含它的元素浮动元素 (元素的 float 不是 none)绝对定位元素 (元素的 position 为 absolute 或 fixed)内联块元素 (元素具有 ...

2018-02-11 12:36:33 177

原创 关于margin collapse

margin 崩塌今天碰到了一个问题,子元素的margin-top被设置在了父元素上,这是原来就出现过的问题,但是被自己忽视了,今天碰巧遇到,好好研究了一下,这个现象叫做margin collapse,源于对margin-top 和margin-bottom的一种控制,CSS及浏览器的设计者们希望我们在布局时,如果遇到上下两个并排内容块的安排,最好只设置其中每个块上或下margin的一处即可。...

2016-09-21 16:10:00 634

原创 第一个H5项目的感想

自适应这是H5移动端页面的主要特质,实现它通过了很多方式。 1.meta 2.rem布局、百分比布局meta标签meta标签我只是简单的复制过来,指导viewport是应对移动端而已。rem和百分比布局这是移动端中的重点,实现自适应主要靠这俩。在一开始,我选择单独使用rem来进行布局,发现并不理想。最后选择了rem与百分比混用的方式,在大的结构和居中上使用百分比配合rem,在小的距离调整和字体上

2016-07-29 15:36:25 2638

原创 text-align 的一些探索

对于text-algin 的使用来自于对按钮中文字的居中的需求,一直停留在text-algin:center只能操作文本的想法,最近同学提了一个问题,于是对text-algin进行了新的探索。首先,text-algin确实可以对块级元素中的文本,不论是包含在p,h1,span,div的文本,都可以准确的居中。但是,这次源于对不定宽元素居中的需求,发现了 text-algin:center 可以将元素

2016-07-21 23:59:20 247

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除