- 2024-10-28JavaScript期末大作业 基于HTML+CSS+JavaScript技术制作web前端开发个人博客(48页) (1)
- 2024-10-28HTML5期末考核大作业，个人网站—— 程序员个人简历模板下载HTML+CSS+JavaScript (2)
- 2024-10-28js练习：Click and Drag
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>ClickandDrag</title><linkrel="stylesheet"href="style.css"><linkrel="icon"h
- 2024-10-27有趣的html页面
有趣的html页面No1<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>Document<
- 2024-10-27第七章习题一
利用CSS技术，结合表格和列表，制作并美化“翡翠阁”页面<!DOCTYPEhtml><html> <head> <metacharset="utf-8"> <title>翡翠阁</title> <styletype="text/css"> .cap{ caption-side:top; } table{ b
- 2024-10-26第7章 利用CSS和多媒体美化页面作业
1.利用CSS技术，结合表格和列表，制作并美化“翡翠阁”页面。浏览效果如下：HTML代码如下：<!DOCTYPEhtml><html> <head> <metacharset="utf-8"> <title>翡翠阁</title> <linkrel="stylesheet"href="css/243_1.css"type="t
- 2024-10-26GeometryReader的简单使用
VStack{GeometryReader{geoinText("GeometryReader").frame(width:geo.size.width*0.9,height:40).background(.red)}.background(.green)Text("Moretext").background(
- 2024-10-26短视频app开发源码，骨架屏技术优化前端体验
一、什么是骨架屏？骨架屏是一种在短视频app开发源码页面加载过程中，以占位符形式展示页面结构的技术。它通过显示简单的灰色块和线条，让用户在等待内容加载时获得视觉反馈，提高了用户的满意度。二、为什么需要骨架屏？在移动设备和慢速网络环境下，短视频app开发源码的页面加载速度变得
- 2024-10-25js练习：实现用键盘打架子鼓
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>JSDrumKit</title><linkrel="stylesheet"href="style.css"><linkrel="icon"href
- 2024-10-25js练习：实现指南针和时速实时显示效果
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Document</title><metaname="viewport"content="width=device-width"><linkrel="icon&qu
- 2024-10-25＜Project-11 Calculator＞ 计算器 0.5 液体、长度、温度单位 转换器 liquid_measures HTML JS
前言这是一个综合性的单位换算工具，提供了多种常用计量单位之间的转换功能。不断完善style各页面风格统一，格式一致。容量单位换算支持在公制单位（升、毫升、立方厘米）美制容量单位（加仑、夸脱、品脱、杯、液体盎司）厨房计量单位（汤匙、茶匙、米杯）之间相互转换长度单位换算公
- 2024-10-24Vue.js 投票排行榜：从零到完整实现详细教程” “新手友好：使用 Vue.js 构建一个实时投票排行榜” “10分钟学会Vue.js：实现动态投票排行榜” “完整指南：用 Vue.js 开发带倒计
效果图博客教程：使用Vue.js实现投票排行榜页面（详细步骤）在本篇博客教程中，我们将逐步带你实现一个投票排行榜页面，使用的是Vue.js框架。此项目适合前端开发新手，可以帮助你更好地理解Vue的基本功能和组件开发。目录项目介绍搭建项目基础结构实现榜单前3名展示实现倒计时功
- 2024-10-242024-10-24 常用重置网站样式
/*通用重置样式*/*{margin:0;padding:0;box-sizing:border-box;}/*清除列表的默认样式*/ul,ol{list-style:none;}/*去除链接的默认下划线*/a{text-decoration:none;}/*去除图片的边框*/img{border:none;}/
- 2024-10-24css3序列帧动画&图片资源初次加载闪屏处理
/*定义关键帧*/@keyframesexample{0%{background:url(./ani/1.png)centercenterno-repeat;background-size:cover;}……100%{background:url(./ani/48.png)centercenterno-repeat;background-size:cover;}}.
- 2024-10-23css常用布局之圣杯布局和双飞翼布局
圣杯布局（HolyGrailLayout）和双飞翼布局（DoubleWingLayout）都是用来实现三列布局的常见技术，其中两侧列宽度固定，中间列宽度自适应，并且中间列在文档流中优先渲染。以下是两种布局的详细介绍和代码示例：圣杯布局（HolyGrailLayout）特点：使用相对定位和负边距来实现侧边栏的定位。HT
- 2024-10-23Typora 代码块Mac风格化
Typora代码块Mac风格化1按照以下步骤打开文件夹，在该文件夹里创建mo.css文件2在mo.css文件复制以下代码全部替换html{font-size:18px;}html,body{font-family:-apple-system,BlinkMacSystemFont,"HelveticaNeue",Helvetica,"PingFangSC","MicrosoftYa
- 2024-10-23html+css网页设计，我的网站
一、技术简介HTML：超文本标记语言（HyperTextMarkupLanguage），用于创建网页的基本结构和内容。CSS：层叠样式表（CascadingStyleSheets），用于设置网页的样式和布局，包括字体、颜色、边距、对齐方式等。JavaScript：一种用于创建动态和交互式网页的脚本语言。通过JavaScript，可以实现网页
- 2024-10-22第六章 元素应用CSS
6.1使用CSS设置字体样式font-family：设置字体的类型font-weight：设置字体的粗细font-size：设置字体的大小font-style：设置字体的倾斜6.1.1字体类型字体具有传递语义功能和美学效应两方面作用CSS提供font-family属性来控制文本的字体类型参数:字体名称按优先顺序排列，以逗
- 2024-10-2177.优美的鲜花网店网页 Web前端网页制作 大学生期末大作业 html+css+js
目录一、前言二、网页文件三、网页效果四、代码展示1.HTML2.CSS3.JS五、更多推荐一、前言本实例以鲜花为主题设计，应用html+css+js，包括DIV布局、图片轮翻效果、菜单导航、二级三级菜单、留言板、搜索等，供大家参考。本网页支持如Dreamweaver、HBuilder、Text、Vscode
- 2024-10-21CSS入门
CSS层叠样式表样式表优点缺点使用情况控制范围行内样式表书写方便，权重高没有实现样式和结构相分离较少控制一个标签（少）内部样式表部分结构和样式相分离没有彻底分离较多控制一个页面（中）外部样式表完全实现结构和样式相分离需要引入最多控制整个站点
- 2024-10-20前端学习Day8 CSS常用声明 （文本 、图像篇）
目录一、文本1.1.1、字体样式的常用属性1.1.2、语法格式1.2.1、文本样式1.2.2、语法格式 二、图像2.1.1、图像控制的常用属性2.1.2、语法格式一、文本1.1.1、字体样式的常用属性属性说明font-family设置字体的类型font-weight设置字体的粗细font-size设置字体的
- 2024-10-20CSS中深入浅出系列之盒子定位：绝对定位！（脱离文档流）
#在CSS中当一个元素被设置为绝对定位时，它会脱离正常的文档流，不再占据原本在页面布局中的空间。这意味着其他元素会忽略它的存在，就好像它不存在一样，如设计页面中的覆盖层、弹出框等时非常有用处。#一、 绝对定位的定义1、前言绝对定位可以用于脱离文档流，盒子从标准流中
- 2024-10-20第六章作业
<!DOCTYPEhtml><html> <head> <metacharset="utf-8"> <title>旅游攻略网站</title> <styletype="text/css"> .all{ width:600px; height:800px; background:url(img/bg.JPG); }
- 2024-10-20CSS--如何用清除浮动来解决父盒高度塌陷及文字环绕的影响
一.父盒的高度塌陷概念在CSS中，当父元素的高度没有明确指定时，其高度由子盒撑开。若子盒全部浮走，则高度塌陷为0。实验一父盒高度为0的初始排列<style>article{/*给父盒设置宽度和背景*/width:1000px;/*height:600px;*/
- 2024-10-20CSS--盒子的浮动
盒子浮动概念浮动是CSS中的一种定位方式，可以使元素脱离正常的文档流，并相对于其父元素或其他元素进行定位。在布局中，可以使用浮动来实现盒子的位置调整和元素的排列。通过设置元素的float属性为left或right，可以使元素向左或向右浮动。浮动的元素会尽可能地靠向父元素的边缘或