自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 三栏布局(双飞翼、圣杯、绝对定位、浮动、flex布局)

一、双飞翼布局与圣杯布局的区别圣杯布局和双飞翼布局达到的效果基本相同,都是侧边两栏宽度固定,中间栏宽度自适应。 主要的不同之处就是在解决中间部分被挡住的问题时,采取的解决办法不一样,圣杯布局是在父元素上设置了padding-left和padding-right,在给左右两边的内容设置position为relative,通过左移和右移来使得左右两边的内容得以很好的展现。双飞翼则是在center...

2019-10-15 00:26:02 178

原创 CSS中的BFC详解(两栏布局和三栏布局)

一、BFC介绍BFC(Block fomatting context)“块级格式化上下文”。是Web页面中盒模型布局的CSS渲染模式,是一个独立的渲染区域,它规定了内部的Block-level Box如何布局,并且与这个区域外部毫不相干。二、形成BFC的条件1、根元素2、float属性不为none3、position为absolute或fixed4、display为inline-blo...

2019-10-09 23:46:05 754

原创 CSS的定位

一、相对定位position: relative;1、不影响元素本身特性,没有定位偏移量时对元素无影响2、相对定位的元素仍然在文档流中,仍然占据着他本来占据 的位置空间(虽然他现在已经不在本来的位置了)。3、可以通过设置(“left”、“top”、“right”、“bottom”)垂直或水平位置,让这个元素“相对于”它的起点进行移动。4、提升层级,用z-index样式的值可以改变...

2019-10-08 22:31:30 32

空空如也

空空如也

空空如也

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

TA关注的人 TA的粉丝

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