自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 transform的translate属性

今天在练习做登录表单的时候,发现了一个问题,放上表单后,父盒子上边距发生了塌陷。代码如下:.bg-img { position: relative; height: 100vh; background: url(bgimg.jpg); background-size: cover; background-position: center;}.bg-img::after { position: absolute; top: 0; left: 0; content: ""; wid

2022-01-09 19:45:45 2153

原创 今天认识了消除浮动

一开始跟着视频学习(Pink老师黑马程序员基础教程),讲到消除浮动时,看了看案例,感觉看懂了,结果自己画前端时,遇到了难题居然没有想到用它。网页内容需要展示很多时,父元素没办法定义固定高度,子元素浮动时就会脱标,父元素高度变成0,影响后续布局。而消除浮动,能将子元素布局到父元素中,父元素高度随着子元素浮动高度增加。1.如下图所示,2个父盒子box1,box2;box1内放入5个向左浮动的盒子;box2内放入2个左右排列的盒子(1个左浮动,1个右浮动)。2.为了显示效果,给box1和box2设

2022-01-08 11:03:44 313

空空如也

空空如也

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

TA关注的人

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