2024-09-29首先我们要设计一个 div，将图片的和文字放置在 div 里面，设置文字的样式。随后需要用到“定位”，将 div 设置为父级，为相对定位，​。当我们开发一个页面，插入图片时，需要有一组文字对图片进行描述。同学们可以自行保存素材进行练习巩固。句子“这是一张夜空图片”被放置在了图片的左下角。在调整合适的位置即可。将h1设置为绝对定位，​。那么这个是如何设置的呢。_html图片上添加文字

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

2024-09-28shape：渐变的形状，ellipse表示椭圆形，circle表示圆形。默认为ellipse，如果元素形状为正方形的元素，则ellipse和circle显示一样。径向渐变不同于线性渐变，线性渐变是从“一个方向”向“另一个方向”的颜色渐变，而径向渐变是从“一个点”向四周的颜色渐变。两个参数时：第一个参数表示水平方向的倾斜角度，第二个参数表示垂直方向的倾斜角度。（2）.默认状态下，y轴是垂直的，向下为正，这与传统的数学坐标系不同。center：渐变起点的位置，可以为百分比，默认是图形的正中心。_css三个倾斜渐变

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

2024-09-27flex布局是一维布局 Grid布局是二维布局flex布局是轴线布局 只能指定"项目"针对轴线的位置_弹性盒最后一行怎么设置

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

2024-09-27C3.背景样式：3.0 背景样式的分类（背景颜色 / 背景图片 / 背景平铺 / 背景位置 / 背景附着 / 背景色半透明 / 背景复合写法）

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

2024-09-27background-origin 用来指定背景图像的原点位置，默认情况下总是以元素边框以内的左上角为坐标原点进行背景图像定位。语法：border-box：表示原点位置为边框区域的开始位置padding-box：表示原点位置为内边框区域的开始位置content-box：表示原点位置为内容区域的开始位置例：background-size 用来指定背景图像的大小。语法：：设置背景图像的宽度：设置背景图像的高度(宽度与高度如果只给出一个值，第二个值设置为auto)_css3 给左边框添加背景

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

2024-09-27本次实现我们依然依赖 Three.js。位置生成与检测：生成多个护罩的位置，并确保它们之间保持一定的距离，不会重叠。Three.js 场景管理：在场景中添加多个护罩，并保持其动画效果。通过以上步骤，我们成功生成了多个不重叠的护罩，并为每个护罩添加了动态效果。护罩之间保持一定的距离，并且在生成时防止重叠。你可以通过修改护罩的颜色、位置和动画参数来调整效果。在接下来的博客中，我们将探讨如何进一步增强这些护罩的视觉效果，比如添加更多炫酷的飞线特效或是让护罩在受到攻击时产生更具冲击力的视觉反馈。_threejs守望先锋护盾制作

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

2024-05-11HTML5提供了丰富的API和功能，可以实现动态效果、多媒体播放、地理位置服务等，使得旅游网站的内容更加丰富、生动，提高了用户的使用满意度。同时，HTML5的维护也更加方便，可以降低后期的维护成本。因此，基于HTML5的旅游网站的设计与开发，对于提高旅游业的服务质量和效率，具有重要的意义。特别是在旅游网站的设计中，HTML5的应用可以提供更加丰富、直观的用户体验，使得用户可以在任何地方、任何设备上都能方便地获取和使用旅游信息。因此，基于HTML5的旅游网站的设计与开发，具有重要的实践意义和应用价值。

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

2024-09-21目的：Flexbox主要为了解决一维布局问题，而Grid则专注于创建更加复杂的二维布局。应用场合：Flexbox常用于实现响应式设计中的简单布局，如导航栏、侧边栏等；而Grid则更适合于需要更多灵活性和控制力的复杂布局，如仪表板、卡片布局等。使用方式：虽然两者都是在父容器上定义，但是Grid提供了更多的选项来指定布局的具体结构，包括行和列的定义以及项目的具体位置。选择使用哪种布局方法取决于你的实际需求。如果你只需要简单的布局调整或者处理单一方向的内容，那么Flexbox可能是更好的选择。_css高难度面试题

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

2024-09-21描述几何体的顶点坐标描述纹理贴图的坐标位置关系是一一对应的，每一个顶点位置对应一个纹理贴图的位置根据纹理坐标将纹理贴图的对应位置裁剪映射到几何体的表面上。0, 0, 0, //顶点1坐标100, 0, 0, //顶点2坐标0, 100, 0, //顶点3坐标]);0, 0, //顶点1对应位置的纹理坐标uv1, 0, //顶点2对应位置的纹理坐标uv0, 1, //顶点3对应位置的纹理坐标uv]);_three.js 贴图

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

2024-09-18本文介绍了CSS3中关于背景样式的7种设置方法，包括背景颜色、背景图的引入和重复方式、背景图的位置调整、背景色的范围、背景图的偏移量以及背景图的大小控制。重点讲解了如何通过`background`简写属性一次性设置多个背景属性，并强调了`background-size`应放置在`background-position`之后的规则。

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