随笔分类 - CSS
摘要：参考资料：https://www.bilibili.com/video/BV1Bk4y197xm 一、Grid布局简介 从某种程度上说，grid布局是flex布局的升级版，主要用于元素在平面上的布局，例如我当前博客皮肤主页上每个随笔卡片的排布： bilibili首页上图片链接的排版： 可以看出，gr
阅读全文
摘要：参考资料：https://www.bilibili.com/video/BV1N54y1i7dG?p=4 一、Flex布局简介 1. Flex布局的主要作用 flex布局是flexible布局的缩写，字面意思就是弹性布局，它主要的作用是使用它可以非常方便地对html上的元素进行水平排布。 当flex
阅读全文
摘要：参考资料：https://www.bilibili.com/video/BV18J411S7tZ?p=5 一、display属性概述 根据CSS规范的规定，每一个网页元素都有一个display属性，用于确定该元素的类型，每一个元素都有默认的display属性值，比如div元素，它的默认display
阅读全文
摘要：参考资料：https://www.bilibili.com/video/BV18J411S7tZ?p=4 一、定位属性简介 position属性是用于指定一个元素的定位方法类型的属性，它的取值有：static（默认类型）、relative、absolute、fixed。当position属性的值不为
阅读全文
摘要：一、浮动流是什么 在css中，最常见的两种流就是标准流和浮动了，其中标准流可以简单如下理解： 块级元素独占一行，且它们都可以设置对应的宽高（width和height），例如div，h标签等 行内元素可以在一行中排列多个，它们的大小（宽度和高度）由里面的内容所决定，常见的标签有span，a标签等 而浮
阅读全文
