2024-02-19弹性布局（Flex布局）是一种现代的CSS布局方式，通过使用display: flex属性来创建一个弹性容器，并在其中使用灵活的盒子模型来进行元素的排列和定位。

https://www.qianduange.cn//article/2262.html 分类：前端知识

2024-02-19每种字体都对应着相应的字体文件，没有 @font-face 规则之前，客户端是否能够正确显示 fontfamily 规定的字体，是由该字体的文件是否预装在客户端决定的。而 @font-face 规则可以将字体文件存放在服务器端，渲染页面时客户端请求从服务器端下载改字体文件进行使用平面转换改变盒子在平面内的形态（位移、旋转、缩放）2D转换平面转换属性transform。

https://www.qianduange.cn//article/2261.html 分类：前端知识

2024-02-19flex-shrink 属性指定了 flex 元素的收缩规则，默认值是1。在flex 元素的默认宽度之和大于容器的宽度时候，元素会发生收缩，其收缩的大小的依据是 flex-shrink 值。子元素的宽度之和为 100 100 300 300=800px，每个子的默认flex-shrink值是1。当父容器被压缩到小于800px的时候，比如压缩到560px时，里面的子元素也会被相应地压缩。各个子元素被压缩掉多少宽度呢？_flex 挤压

https://www.qianduange.cn//article/2260.html 分类：前端知识

2024-02-19?CSS动效合集之实现气泡发散动画，速速来Get吧~?文末分享源代码。苏苏的bug。_css文字气泡飘动

https://www.qianduange.cn//article/2257.html 分类：前端知识

2024-02-19Tailwind CSS是一种基于原子设计理念的现代CSS框架。它通过提供大量可复用的独立类来构建界面，而不是依赖于预定义的组件。与传统的CSS框架不同，Tailwind CSS不提供封装好的样式组件，而是专注于提供低级的原子类，使开发者能够自由组合和定制样式。

https://www.qianduange.cn//article/2252.html 分类：前端知识

2024-02-19CSS 指的是层叠样式表（Cascading Style Sheets），它是一种用于描述网页外观和布局的语法CSS 可以定义网页中元素的字体、颜色、大小、位置、背景等样式，使网页具有美观的外观和统一的风格。通过将 CSS 样式表与 HTML 文档关联起来，可以实现对网页样式的控制和管理。CSS 的优点在于它可以实现网页样式的分离，使得 HTML 主要负责网页的结构和内容，而 CSS 则专注于样式定义，提高了代码的复用性和维护性。例如，以下是一个简单的 CSS 规则：p {

https://www.qianduange.cn//article/2251.html 分类：前端知识

2024-02-19原生table制作奇偶行不同背景色的表格，取消td单元格自带单线等_table设置tr奇数和偶数颜色

https://www.qianduange.cn//article/2250.html 分类：前端知识

2024-02-19目录一.css属性计算过程1.使用继承2.使用默认值3.面试题二.css之包含块层叠冲突这一步完成后，解决了相同元素被声明了多条样式规则究竟应用哪一条样式规则的问题。那么如果没有声明的属性呢？此时就使用默认值么？答案并不是，此时还有第三个步骤，那就是使用继承而来的值。例如：```html Lorem ipsum dolor sit amet.``````cssdiv { color: red;}```在上面的代码中，我们针对 div 设置了 color

https://www.qianduange.cn//article/2249.html 分类：前端知识

2024-02-19如何认识和快速上手 `Print.js`，我们可以从官网的内容开始阅读，在官网中有很详细的介绍和使用例子，虽然是英文版的。`Print.js` 打印插件包括了 `PDF` 打印、`HTML` 打印、`JSON` 打印、图像打印等。本人每篇文章都是一字一句码出来，希望对大家有所帮助，多提提意见。_vue3 中的打印插件

https://www.qianduange.cn//article/2248.html 分类：前端知识

2024-02-19h("h2", null, `当前计数:${counter.value}`),h("h2", null, `当前计数:${this.counter}`),-- 哈哈哈 -->console.log("插件被安装:",app,options)console.log("插件被安装:",app,options)console.log("传入的函数直接被执行:",app)// h传递3个参数 (标签名) ({ 对应的属性 }) (内容)_import { h } from 'vue

https://www.qianduange.cn//article/2246.html 分类：前端知识