cx18333的博客

在从事Web开发工作的过程中，我们常常会遇到这样的情况：尽管每天都在与CSS等前端技术打交道，但对于一些基础的概念性知识，却总是容易遗忘或混淆。为了帮助自己更好地巩固这些基础知识，我决定撰写一篇专门的博客文章，用来记录和整理那些在前端面试中常见的CSS相关问题及其答案。通过这种方式，不仅能够加深对这些概念的理解，还能为未来的面试和技术交流做好充分准备。希望这篇文章不仅能成为我个人的学习笔记，也能为其他正在努力提升自己的前端开发者提供一定的参考价值。

瀑布流是一种CSS布局技术，它允许不同高度的元素在页面上以美观的方式排列，同时保持行与列间的间距一致，本文通过css 实现瀑布流效果

Element-Ul是一套基于Vue 2.0的桌面端组件库，它是饿了么的开源组件库

Sass（Syntactically Awesome Stylesheets）是一个流行的CSS预处理器，它扩展了CSS的功能，使得编写样式表更加高效、灵活和可维护。以下是Sass的一些基本使用方法

本文总结了,vue中行内样式常用写法

1.溢出省略号;2.三角形,梯形;3.文字/背景渐变色;4.阴影效果;5.立体字;6.文字描边

Flex弹性布局笔记flex-direction:文本排列方向row：默认值，水平排列，从左侧开始排序row-reverse:水平排序，从右侧开始排序column:垂直排序，从上到下进行排序column-reverse:垂直排序，从下到上进行排序flex-wrap：文本是否换行排序nowrap:默认，不换行wrap：换行，进行多行排列wrap-reverse:换行，第一行在最下方align-content：多行排列时使用对齐，如果只有单行该属性不生效stretch

CSS三角形实现<div></div>//CSSdiv{ width: 10px; height: 10px; border-top: 3px solid gainsboro; border-right: 3px solid gainsboro; transform: rotate(45deg);}![在这里插入图片描述](https://img-blog.csdnimg.cn/2ed2e2c48cbe4a27b98c8e4dc640b3e4.png