2024-09-14本篇为《css in Depth》最新第2版第四章4.1小节内容，主要介绍了 Flexbox 弹性盒布局的基本原理，并结合一个简单的示例页面，对顶部的导航菜单进行了深入浅出的讲解。经过了多年的实践，Flexbox 布局技术已经相当成熟，本节较前一版内容也更为凝练，删除了一些不合时宜的表述。非常适合新手进阶，强烈建议收藏实操。

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

2024-02-06text-decoration 属性值是 none(不修改) 、underline(下划线)、line-through(删除线)、overline(上划线)text-align 属性值是关键字 left是左对齐(默认) 、center居中对齐 、 right右对齐。line-height 属性是数字 px 或者光写数字(当前标签font-size属性值的倍数)基础选择器有四种：标签选择器、类选择器、id选择器、通配符选择器。作用：查找标签，差异化设置标签的显示效果 这点与类选择器功能相同。

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

2024-09-14媒体查询（Media Queries）是 css3 中引入的一种技术，用于根据设备的特性和属性，为不同的媒体类型提供不同的样式规则。媒体查询使得我们可以根据设备的屏幕尺寸、分辨率、屏幕方向、设备类型等条件来适应不同的设备和媒体类型。表示媒体类型，比如screen（屏幕）、print（打印）等，而是媒体特性，比如width（宽度）、height（高度）、（方向）等。未指明类型为默认值 all。_css 媒体查询

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

2024-09-14本文还有配套的精品资源，点击获取 简介："mckible.github.io" 是一个托管在GitHub上的个人博客或项目网站，强调css技术在网页设计中的应用。该项目的源代码在 "mckible.github.io-master" 压缩包中。GitHub作为云版本控制系统，允许开发者存储和协作代码。css的核心概念包括选择器、属性、值、盒模型、定位、响应式设计、Flexb...

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

2024-09-14css 根据屏幕分辨率自适应样式的核心技术就是响应式设计（Responsive Design），主要依赖于css3的媒体查询（Media Queries）。媒体查询允许开发者根据设备的视窗宽度、高度、方向等特性来应用不同的css样式规则。在这个例子中，当屏幕宽度小于等于600px时，浏览器会加载并应用 styles-mobile.css；当屏幕宽度大于600px时，则加载并应用 styles-desktop.css。这样，当屏幕分辨率改变时，css 将自动应用最适合当前屏幕尺寸的样式，从而实现响应式设计。_css根据分辨率适配

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

2024-09-14在前端开发中，实现各种页面布局一直是一个常见的需求。传统的做法如使用和属性已经被广泛采用，但这种方法有时可能显得不够简洁或灵活。在适当的情况下直接使用margin进行布局是一种更优雅、简洁的替代方案，可以在 Flexbox 布局中有效地实现居中对齐和一些复杂的布局需求。掌握并运用这种方法，可以提高开发效率，并使布局更加优雅。

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

2024-09-14虽然 Webpack 多数情况下被用于构建 Web 应用，但与 Rollup、Snowpack 等工具类似，Webpack 同样具有完备的构建 NPM 库的能力。正确导出模块内容；不要将第三方包打包进产物中，以免与业务方环境发生冲突；将 css 抽离为独立文件，以方便用户自行决定实际用法；始终生成 Sourcemap 文件，方便用户调试。本文将从最基础的 NPM 库构建需求开始，逐步叠加上述特性，最终搭建出一套能满足多数应用场景、功能完备的 NPM 库构建环境。使用配置项，正确导出模块内容；_webpack library

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

2024-05-19(专门为 Vue 开发的插件,可自定义的内容 css、自动调整 iframe 高度等)在B项目中 (本人的项目是指定跳转页面, 所以在当导航守卫的js文件中接收传过来的参数)在A项目中使用标签打开。_vueiframe嵌套页面

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

2024-09-14在Vue.js中，v-if和v-show都是用于控制元素显示与隐藏的指令。尽管它们的目的相同，但在实现机制和适用场景上有显著的区别。本文将详细介绍v-if和v-show的区别，帮助开发者在实际开发中选择合适的指令。v-if和v-show都是Vue.js中用于控制元素显示与隐藏的指令，但它们在实现机制和适用场景上有显著区别。v-if通过条件判断决定是否在DOM中插入或移除元素，适用于条件很少变化的情况；而v-show通过css属性控制元素的显示与隐藏，适用于需要频繁切换显示状态的情况。_vue v-if="isvisible

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

2024-04-13网页作品编辑作品下载后可使用任意HTML编辑软件（如：`DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm、 Notepad 等任意HTML软件编辑修改网页）网页作品技术：Div css、鼠标滑过特效、Table、导航栏效果、banner、表单、二级三级页面等，视频、 音频元素 、Flash，同时设计了logo（源文件），基本期末作业所需的知识点全覆盖。

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