一个笨拙的前段学习者-CSDN博客

原创轮播图

轮播图前言今天有把昨天上传的淘宝首页轮播图的js代码重写了一遍，越看越觉得之前写的跟个翔一样。。。加上好几天没写博客了，就把这次的改动写在这里，整理一下思路。结构···

2021-01-11 16:08:46 497

原创弹性盒子进阶2-对齐方式

弹性盒子进阶2-对齐方式书接上回，本次说的是弹性盒子的对齐方式子项在主轴上的对齐方式<div class="dad"> <div class="son1">崽1</div> <div class="son2">崽2</div> <div class="son3">崽3</div> </div>.dad { width: 40

2021-01-05 15:28:19 7755 5

原创弹性盒子进阶1

弹性盒子进阶1上次说了弹性盒子的最最最最基础用法，这此写（抄）一点进阶的内容，主要是关于弹性盒子的主轴方向，以及一些有意思的应用。主轴方向主轴横向主轴横向是弹性盒子的默认属性，就是字面意思，讲其中的弹性项横着排。。。<div class="row-dad"> <div class="row-son1">大崽子</div> <div class="row-son2">二崽子</div> &lt

2021-01-04 18:30:03 289 4

关于CSS雪碧图CSS雪碧即CSS Sprite，也有人叫它CSS精灵，是一种CSS图像合并技术，该方法是将小图标和背景图像合并到一张图片上，然后利用css的背景定位来显示需要显示的图片部分。写一些CSS雪碧的简单应用和小技巧。想法关于雪碧图的在应用的时候，其实没有遇到什么乱七八糟的问题，感觉还行。唯一有问题的就是关于图片定位正负的问题（可能是因为我学的比较浅吧）。整理一下，以便后续复习。关于定位的正负（定位）我搞到了一张图，还挺好用的。借来参考下。关于正负，其实无论是定位还是，雪碧图，之前

2021-01-04 11:54:31 587 1

原创最基础的弹性盒子的应用

最基础的弹性盒子的应用记录一下弹性盒子最最最最最基础的应用官方概念（搬运）说明复合属性。设置或检索弹性盒模型对象的子元素如何分配空间。如果缩写「flex: 1」, 则其计算值为「1 1 0%」如果缩写「flex: auto」, 则其计算值为「1 1 auto」如果「flex: none」, 则其计算值为「0 0 auto」如果「flex: 0 auto」或者「flex: initial」, 则其计算值为「0 1 auto」，即「flex」初始值取值none： none关键字的计算值为:

2020-12-31 14:50:21 317

原创关于定位

关于定位emmm，怎么开头那。。。好纠结。这是一个关于定位的总结，恩，就是那种网上一搜一大片的那种，加上了一些我自己的话。定位测试的代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <tit

2020-12-30 11:50:30 517 2

原创一个笨拙的前段学习者的第一次博客

@[一个笨拙的前段学习者的第一次博客## 标题]你好！这是你第一次使用 Markdown编辑器所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：全新的界面设计，将会带来全新的写作体验；在创作中心设置你喜爱的代码高亮样式，Markdown 将代码片显示选择的高亮样式进行展

2020-12-29 09:27:50 78