- 2025-01-09H5页面移动端适配问题小计-1
在开发H5页面时，iOSSafari浏览器常常会遇到页面内容被底部工具栏遮挡的问题。这不仅影响用户体验，还可能导致一些功能无法正常使用。最典型的就是safari将底部的工具栏也认为是视窗的一部分，所以会出现底部被遮挡的情况： 1.使用CSS调整页面高度1.1通过CSS媒体查询调整高度可
- 2025-01-07env(safe-area-inset-bottom) 兼容写法
先看下兼容性： 可以看到@supports兼容性很好，所以使用@supports做兼容是个不错的选择。例： @supports(padding-bottom:env(safe-area-inset-bottom))or (padding-bottom:constant(safe-area-inset-bottom)){ .your-dom{ padding-bottom:constant(safe-are
- 2025-01-01aardio登录程序
aardio设计一个用户界面，登录风格可以自由选择。importfonts.fontAwesome;importwin.ui;/DSG{{/var系统登陆=win.form(text=“登录信息”;right=403;bottom=460;bgcolor=16777215;border=“dialogframe”;max=false;mode=“popup”;parent=…;sysmenu=false)
- 2024-12-29186. 大学生HTML期末大作业 ―【 Bootstrap多肉植物主题响应式自适应网页（6页）】 Web前端网页制作 html+css+js
目录一、网页概述二、网页文件三、网页效果四、代码展示1.html2.CSS3.JS五、总结1.简洁实用2.使用方便3.整体性好4.形象突出5.交互式强欢迎来到我的CSDN主页！Web前端网页制作、大学生期末大作业、课程设计、毕业设计、网页模版源码、学习资料等，更多优质博客文
- 2024-12-29使用css画一个聊天气泡对话框
要使用CSS画一个聊天气泡对话框，你可以参考以下的HTML和CSS代码。这里我创建了一个简单的聊天气泡，你可以根据需要对其进行调整。HTML:<divclass="chat-bubble"><p>你好，这是一个聊天气泡！</p></div>CSS:.chat-bubble{position:relative;background:#f9f9f9;
- 2024-12-27使用CSS实现底部弧度效果
在前端开发中，你可以使用CSS的border-radius属性来给元素的底部添加弧度效果。以下是一个简单的示例，展示如何给一个div元素的底部添加弧度：<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-w
- 2024-12-27使用纯css3画一个火箭的模型
要使用纯CSS3来绘制一个火箭的模型，你可以利用CSS的伪元素（:before和:after），边框（border），线性渐变（linear-gradient），以及转换（transform）等属性。以下是一个简单的火箭模型的示例：<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport&
- 2024-12-27面试官：不会“不定高”虚拟列表，你在简历上面提他干嘛？
前言很多同学将虚拟列表当做亮点写在简历上面，但是却不知道如何手写，那么这个就不是加分项而是减分项了。在上一篇文章欧阳教会你如何实现一个定高虚拟列表，但是实际项目中更多的是不定高虚拟列表，这篇文章欧阳来教你不定高如何实现。PS：建议先看看欧阳的上一篇如何实现一个定高虚
- 2024-12-23实现直播间消息评论滚动,顶部消失
实现直播间消息评论滚动,顶部消失竟然一句代码就解决了-webkit-mask-image: linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(255,255,255,.6) 15%,rgba(255,255,255,1) 100%); <!doctypehtml><htmllang="en"><head><metacharset="UTF-8"&
- 2024-12-20写一个微信运动排行榜页面的布局
当然，我可以帮你写一个微信运动排行榜页面的基本布局。以下是一个简单的示例，使用HTML和CSS来实现：<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"
- 2024-12-19Bootstrap3 Toast消息框插件
Bootoast是一款Bootstrap3Toast消息框插件。通过Bootoast插件你可以非常方便的制作Toast消息框效果，并且插件提供了各种参数来控制Toast消息框。 在线预览 下载 使用方法在页面中引入bootstrap.min.css文件，bootoast.css，以及jquery和bootoast.js文件。<linkrel="sty
- 2024-12-17算法刷题_数组篇
算法刷题Day3_数组篇_螺旋矩阵文章目录算法刷题Day3_*数组篇*_螺旋矩阵前言一、经典例题二、参考代码相关变体总结前言关键点：遍历时边界上的点，使用一个规则去处理每一条边，建议使用左闭右开。一、经典例题给你一个正整数n，生成一个包含1到n2所有元素，且元素
- 2024-12-17代码实现一个五层楼的布局
在前端开发中，实现一个五层楼的布局可以通过多种方式，例如使用HTML、CSS和JavaScript。以下是一个简单的示例，使用HTML和CSS来创建一个五层楼的视觉表示。<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width
- 2024-12-16使用css制作一个圣诞树
制作一个圣诞树可以通过使用HTML和CSS来完成。以下是一个简单的示例，你可以根据需要调整它的大小和样式。首先，创建一个HTML文件，并添加一个包含多个div元素的容器来代表圣诞树的各个部分。<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="vi
- 2024-12-13HTML&CSS：高颜值的个人资料卡片
这段代码通过CSS的过渡和变换属性，实现了一个具有动态效果的个人资料卡片，包括鼠标悬停时的动画效果。演示效果HTML&CSS<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width
- 2024-12-10UIViewController的view在有navBar和tabBar影响下布局区域的问题
转自:https://www.cnblogs.com/bridge-wuxl/p/10790888.html影响View布局区域的有以下三个属性:self.edgesForExtendedLayout(影响View布局区域的主要属性)self.navigationController.navigationBar.translucent(navigationBar是否半透明)self.tabBarController.tabBa
- 2024-12-03如何使用css实现跨浏览器的最小高度？
CSS中实现跨浏览器兼容的最小高度，曾经是一个令人头疼的问题，但现在已经有了相对简单的解决方案。以下几种方法可以实现：1.min-height属性(推荐):这是现代浏览器中最直接和推荐的方法。min-height属性直接设置元素的最小高度。大多数现代浏览器都支持这个属性，包括IE7及以上
- 2024-12-02说说你对相对定位、绝对定位、固定定位的理解
在前端开发中，position属性用于控制元素的定位方式。relative（相对定位）、absolute（绝对定位）和fixed（固定定位）是最常用的三种定位方式，它们之间有着重要的区别：1.position:relative;(相对定位)特性:元素相对于其在文档流中的原始位置进行偏移。原始位置保留，其他元素不会填补它
- 2024-12-01aardio - 图片高级转场效果
importwin.ui;/*DSG{{*/varwinform=win.form(text="aardioform";right=815;bottom=663)winform.add(button={cls="button";text="开始";left=688;top=616;right=792;bottom=656;z=2};combobox={cls="combobox";left=24;top=6
- 2024-11-29zblogphp设置404页面的最新方法
操作步骤：新建一个 404.php 文件，复制以下代码：<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"xml:lang="
- 2024-11-24CSS-定位
1.相对定位。1.1如何设置相对定位？给元素设置postion:relative即可实现相对定位。可以使用left,righttop,bottom调整位置1.2相对定位的参考点在哪里相对自己原来的位置。1.3相对定位的特点.(1)不会脱离文档流，元素位置的变化只是视觉效果的变化。不会对其他元素产生影响。
- 2024-12-08css子元素会继承父元素的font-size吗？请解释下面父子元素各字体的大小[代码]
是的，CSS子元素会继承父元素的font-size属性，除非子元素自身显式地设置了font-size值。你没有提供具体的代码示例，所以我用一个例子来说明：<!DOCTYPEhtml><html><head><style>body{font-size:20px;/*父元素body设置字体大小为20px*/}div{/*div继承了b
- 2024-10-17CSS笔记—盒子定位之固定定位（重难点！！小白刚需）
1、固定定位的概念 固定定位（fixed）的元素位置相对于浏览器窗口进行定位（会脱离文档流），即使页面滚动，固定定位元素不会随滚动条滚动，除非改变浏览器窗口的位置或大小 2、语法格式： <head> 选择器{position:fixed;}</head>水平位置:left定