2024-09-14作用：根据元素的结构关系查找元素使用公式设置多个元素，根据元素的结构关系查找多个元素例。如：(注意n从0开始算术)

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

2024-09-14现代网页开发中，​​​​ 标签是一个非常重要的工具。允许我们在一个网页中嵌入另一个网页，对于展示外部内容、应用嵌套或实现复杂的布局设计都非常有用。来一起探讨如何使用 ​​iframe​​ 标签，包括设置高度和宽度、移除边框，以及如何用 ​​iframe​​​ 来显示目标链接页面。_iframe

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

2024-09-14在 Web 开发中，HTML5 的元素为动态图形和动画提供了强大的支持。canvas的核心特性之一就是能够通过变换矩阵来改变其坐标系统，从而实现平移、旋转和缩放等效果。本文将深入探讨如何在canvas中处理缩放变换，并通过一系列详细的代码示例来展示如何利用这些功能创建动态且富有表现力的视觉效果。元素默认的坐标系是以画布左上角为原点 (0, 0)，向右为正 x 轴，向下为正 y 轴。我们可以使用或方法来改变这个坐标系，实现缩放效果。_canvas缩放后坐标不对了

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

2024-09-14如果一组当中两个数是一样的，可以简写为一位数：例如#00ffcc简写为#0fc。font-family属性值可以书写多个字体名用逗号隔开，依次从左到右查找。单行文字想要垂直居中时，可以设置行高属性值与盒子高度属性值一致。想让图片居中，可以给图片加一个父级标签例如设置居中。属性的简写方式，一个属性对应多个值的写法，各个属性值之间用。测量方法：从一行文字的最顶端到下一行文字的最顶端。属性名：text-decoration。属性名：text-indent。属性名：text-align。_html字体修饰

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

2024-09-14原文：Pro CSS3 layout techniques协议：CC BY-NC-SA 4.0六、CSS 网格布局CSS 网格布局为标准布局范式提供了一个明智的解决方案，自从远离基于表格的布局和采用 CSS 布局以来，标准布局范式一直是 web 设计者的挑战。NoteCSS 网格布局可能是新模块中最难使用的，因为浏览器支持仍在开发中。在撰写本文时，唯一可靠的渲染供应商是微软，尽管在您阅读本书时，这种情况可能已经发生了变化。什么是 CSS 网格布局？W3C 将 CSS 网格布局模块描述为定义_css网格布局

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

2024-09-14wc!!!你不会还在用flex布局吧，都2024年了快进来看看css3最强布局Grid布局 绝对让你眼前一亮_css3 grid

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

2024-09-14第四优先级：由一个或多个类选择器、属性选择器、伪类选择器定义。如.classname{margin:3px}会覆盖div{margin:6px;})>类选择器(.con{…})>标签选择器(dic{…})>通用选择器(*{…第三优先级：由一个或多个id选择器来定义。}会覆盖.classname{margin:3pxl}第五优先级：由一个或多个类型选择器定义。}覆盖*{margin:10px；第二优先级：在html中给元素标签加style，即内联样式。第六优先级：通配选择器，如*{marigin:6px;_css 第一个div

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

2024-09-14grunt-purifycss 项目教程 grunt-purifycssRemove unused CSS with the grunt build tool项目地址:https://gitcode.com/gh_mirrors/gr/grunt-purifycss 1. 项目的目录结构及介绍grunt-purifycss/├── tasks/│ └── purifycss.js├─...

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

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 分类：前端知识