归来是少年

摘要： ### 一、当前演示项目目录  ### 二、标记less文件夹为资源目录 > 不标记其实也不影响 ![i 阅读全文

摘要： ### 一、flexible.js https://github.com/amfe/lib-flexible 默认把当前屏幕划分10等份 ### 二、vscode + cssrem插件（把px转换为rem） + 可以设置font-size大小 ![image](https://img2023.cnb 阅读全文

摘要： ### 一、通俗的理解 > 1.当用户使用不同尺寸的屏幕查看，呈现的样式不同，并且各自的样式比较复杂，那么就可以把不同尺寸样式单独写一个文件，然后使用 \进行引入 ### 二、示例 例如：当屏幕小于800px，一行只显示一个盒子，屏幕大于等于800px，一行显示两个盒子 ``` 媒体查询-引入资源 阅读全文

摘要： ``` @media screen and (max-width: 768px) { /* 在窗口宽度小于等于768像素时应用的样式 */ ... } ``` #### 但是如果写成这样就无效了 ``` #and 后面需要跟上空格 @media screen and(max-width:768px) 阅读全文

摘要： + margin: 0; /* 四个方向的外边距都为0 */ + margin: 10px; /* 四个方向的外边距都为10像素 */ + margin: 10px 20px; /* 顶部/底部外边距为10像素，左侧/右侧外边距为20像素 */ + margin: 10px 20px 30px; / 阅读全文

摘要： ### 一、简介 > **Flexible 单词意思是灵活的意思，flex布局又称为弹性布局或弹性盒子布局** Flex布局（Flexible Box Layout）是CSS3引入的一种布局模型，它旨在提供一种灵活且高效的方式来对齐、排列和分布容器中的元素。Flex布局的主要思想是将容器分为主轴和交 阅读全文

摘要： ``` Title ``` 阅读全文

摘要： ### 一、使用CSS3 3D翻转2面盒子，始终不显示底部的盒子，最后查询得知是需要加上backface-visibility属性 >Backface-visibility是一个CSS属性，用于指定元素背面的可见性。 >当一个元素在3D空间中旋转或倾斜时，它的背面有时会显示出来。默认情况下，背面是可 阅读全文

摘要： 一.CSS透视通过模拟人眼的视角来创建三维效果（可以理解为看3D电影，需要借助3D眼镜，这个透视就是让了让网页上产生3D的效果）。我们在现实生活中，当物体远离我们时，会看到它们变小变远。透视效果就是基于这个原理。 ![image](https://img2023.cnblogs.com/blog/2 阅读全文

摘要： ``` /*清除内外边距*/ * { margin: 0; padding: 0 } /*em,i原本是斜体，修改为不斜体*/ em,i { font-style: normal } /*去除小圆点*/ li { list-style: none } /*border：0照顾低版本浏览器，verti 阅读全文