XIAOBIN博客-记录前端生活

加载中……

置顶免责申明

如有侵权请联系删除，也不要侵犯本博客权益。

因为爱而选择前端

初心好久没更新博客了，不知道该写点啥刚开始搭建博客是想记录自己前端生涯的成长，后来因为自身的原因加入了情感和生活的文章，因为我感觉这些前端笔记的文章没有基...

  • XiaoBin
  • 2021 年 10 月 12 日
  • 8 条评论

    • 12.vw和vh适配和响应式布局

    vw和vh适配目标：实现在不同的设备中，网页元素尺寸等比例缩放效果vw 单位尺寸1.确定设计稿对应 vw 尺寸（1/100视口宽度)2.vw 单位的尺寸 ...

  • XiaoBin
  • 2021 年 10 月 08 日
  • 暂无评论

    • 11.rem 适配

    1.rem 适配：能够使用 rem 单位设置网页元素的尺寸rem 单位相对单位rem 单位是相对于 HTML 标签的字号计算结果 1rem = 1HTML...

  • XiaoBin
  • 2021 年 10 月 08 日
  • 暂无评论

    • 10.flex 布局

    1.flex 布局基于 flex 精确灵活控制块级盒子的布局方式，避免浮动布局中脱标文档流现象的发生flex 布局非常适合结构化布局布局方式父元素添加 d...

  • XiaoBin
  • 2021 年 10 月 08 日
  • 暂无评论

    • 9.平面转换transform，动画

    平面转换1.位移 translate技巧：只给一个值是水平移动 单独设置摸个方位移动用 translateX() & translateY()trans...

  • XiaoBin
  • 2021 年 10 月 05 日
  • 暂无评论

    • 8.伪类和伪元素，CSS3 盒子模型

    1.伪类选择器选择器说明E:first-child{}匹配父元素中第一个子元素，并且是E元素E:last-child{}匹配父元素中最后一个子元素，并且是...

  • XiaoBin
  • 2021 年 10 月 05 日
  • 暂无评论

    • 7.CSS语义化标签

    1.精灵图的使用创建一个盒子通过PxCook量取图片大小，将小图片的宽高设置给盒子将精灵图设置为盒子的背景图片通过PxCook测量小图片左上角坐标，分别取...

  • XiaoBin
  • 2021 年 10 月 05 日
  • 暂无评论

    • 6.定位

    1.相对定位介绍：自恋型定位，相对于自己之前的位置进行移动（不脱标）代码：position:relative;特点：需要配合方位属性实现移动相对于自己原来...

  • XiaoBin
  • 2021 年 10 月 05 日
  • 暂无评论

    • 5.CSS浮动，清除浮动

    1.浮动（float）的元素特征脱离标准流的控制（浮）移动到指定位置（动），俗称脱标）浮动的盒子不在保留原先的位置left 左浮动 righ...

  • XiaoBin
  • 2021 年 10 月 05 日
  • 暂无评论

    • 4.CSS背景，盒子模型，边框，阴影

    CSS的背景，CSS三大特性，CSS盒子模型，CSS圆角边框

  • XiaoBin
  • 2021 年 09 月 16 日
  • 暂无评论