• 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,可以使元素向左或向右浮动。浮动的元素会尽可能地靠向父元素的边缘或