- 2024-11-04web大学生个人网站作业模板——上海旅游景点介绍网页代码 家乡旅游网页制作模板 大学生静态HTML网页源码
家乡旅游景点网页作业制作网页代码运用了DIV盒子的使用方法，如盒子的嵌套、浮动、margin、border、background等属性的使用，外部大盒子设定居中，内部左中右布局，下方横向浮动排列，大学学习的前端知识点和布局方式都有运用，CSS的代码量也很足、很细致，使用hover来完成过渡效果、鼠
- 2024-10-30568. 蜡笔小新动漫主题 大学生期末大作业 Web前端网页制作 html+css+js
目录一、网页概述二、网页文件三、网页效果四、代码展示1.html2.CSS3.JS五、总结1.简洁实用2.使用方便3.整体性好4.形象突出5.交互式强六、更多推荐欢迎光临仙女的网页世界！这里有各行各业的Web前端网页制作的案例，样式齐全新颖，并持续更新！感谢CSDN，提供了这
- 2024-10-23html+css网页设计，我的网站
一、技术简介HTML：超文本标记语言（HyperTextMarkupLanguage），用于创建网页的基本结构和内容。CSS：层叠样式表（CascadingStyleSheets），用于设置网页的样式和布局，包括字体、颜色、边距、对齐方式等。JavaScript：一种用于创建动态和交互式网页的脚本语言。通过JavaScript，可以实现网页
- 2024-10-03css颜色
1.前景色<styletype="text/css"> body{ padding:20px; font-family:Arial,Verdana,sans-serif;} /*colorname*/ h1{ color:DarkCyan;} /*hexcode*/ h2{ color:#ee3e80;} /*rgbvalue*/ p{ color
- 2024-09-24css如何设置间距
在CSS中设置间距是非常常见的需求，可以通过多种属性来实现。以下是一些常用的CSS属性及其用法，用于设置元素之间的间距：内边距（Padding）padding属性用于设置元素内容与元素边框之间的距离。可以分别设置四个方向的内边距。示例代码：.element{padding:10px;/*上下左右
- 2024-09-17html grid布局
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>Document</title>
- 2024-09-14延迟法定退休年龄计算器源码免费分享
延迟法定退休计算器，废话直接上图和代码以上结果是依据《关于实施渐进式延迟法定退休年龄的决定》计算的法定退休年龄。职工达到最低缴费年限，可以自愿选择弹性提前退休，提前时间最长不超过三年，细则详见《决定》。<template><viewclass="app"><!--修改开始-->
- 2024-09-09CSS3新特性
CSS3新特性本章目标了解CSS3新特性CSS3概述CSS3是什么CSS代表“CasadingStyleSheets”，就是样式表，是一种替代并为网站添加样式的标记性语言。现在所使用的CSS基本是在1998年推出的CSS2的基础上发展而来的。10年前在internet开始普及的时候，就能够使用样式表对网页进行
- 2024-09-06475. 简单的学校网页 大学生期末大作业 Web前端网页制作 html+css
目录一、网页概述二、网页文件 三、网页效果四、代码展示1.html2.CSS五、总结1.简洁实用2.使用方便3.整体性好4.形象突出5.交互式强六、更多推荐欢迎光临仙女的网页世界！这里有各行各业的Web前端网页制作的案例，样式齐全新颖，并持续更新！感谢CSDN，提供了这么好
- 2024-09-04纯html 超简易 弹性布局
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>Document</title>
- 2024-08-24052、Vue3+TypeScript基础，页面通讯之一个组件中多个v-model数据绑定
01、main.js代码如下：//引入createApp用于创建Vue实例import{createApp}from'vue'//引入App.vue根组件importAppfrom'./App.vue'//引入emitter用于全局事件总线//importemitterfrom'@/utils/emitter'constapp=createApp(App);//App.vue的根元素id为
- 2024-08-24051、Vue3+TypeScript基础，页面通讯之v-model在组件中手写实现
01、main.js代码如下：//引入createApp用于创建Vue实例import{createApp}from'vue'//引入App.vue根组件importAppfrom'./App.vue'//引入emitter用于全局事件总线//importemitterfrom'@/utils/emitter'constapp=createApp(App);//App.vue的根元素id为
- 2024-08-22047、Vue3+TypeScript基础，pinia库store的组合式写法
01、main.js代码如下：<template><divclass="app"><h2class="title">App.Vue</h2><!--<Page1/>--><br><Page2/></div></template><scriptlang="ts
- 2024-08-20036、Vue3+TypeScript基础，路由中使用replace不让前进后退
01、代码如下：<template><divclass="app"><h2class="title">App.Vue路由测试</h2><!--导航区--><divclass="navigate"><router-linkreplaceto="/Home"class="nav
- 2024-08-05css手撕奥运五环
巴黎奥运会正如火如荼地进行，本文来使用CSS来画一个奥运五环。奥运五环是相互连接的，因此在视觉上会产生重叠效果，这也是实现五环最有挑战性的部分。接下来，将利用CSS的伪元素，巧妙地实现环环相扣的效果！ 根据五环的位置特点，可以将中间的黑色环设置为HTML的父元素，而将其他颜色
- 2024-07-04原来逆水寒官网这样用CSS进行适配的
前言这段时间对逆水寒很是着迷，这不我又打开了它的官网，不得不说网易前端官网做的是真炫酷！！！同样是前端的开发者(自己还是小菜鸡罢了)，就不得不想扣扣官方的细节了，拿出我们老生常谈的问题—适配，官方做的很漂亮，窗口缩小不会影响页面内容位置的偏移，当我将窗口缩小的时候还会出现
- 2024-07-02html+css3实现超级充电动画
图例 源码在图片后面，有HTML和CSS个部分 源代码HTML<!doctypehtml><html><head><metacharset="utf-8"><title>PureCSS超级充电器</title><linktype="text/css"href="css/style.css"rel="stylesheet&quo
- 2024-06-23百度一下首页制作（HTML+CSS）
部分代码展示：<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>百度一下，你就知道</title><styletype="text/css">/*清除元素默认性质*/body{margin:0;
- 2024-06-19CSS（4）盒子模型
盒子模型（CSS重点）其实，CSS就三个大模块：盒子模型、浮动、定位，其余的都是细节。要求这三部分，无论如何也要学的非常精通。1.看透网页布局的本质网页布局中，我们是如何把里面的文字，图片，按照美工给我们的效果图排列的整齐有序呢？看透网页布局的本质：把网页元素比如文字图片等
- 2024-06-17悬浮贴样式
悬浮贴样式悬浮贴样式效果图如下：预览地址：https://www.cnblogs.com/leo130-blogs/p/18251987html语句:<divclass="sticker"><divclass="sticker-title"></div><divclass="sticker-detail"><divclass=&qu
- 2024-06-14web前端期末大作业：旅游网页设计与实现——个人旅游博客(4页)HTML+CSS
- 2024-06-06HTML-页面布局
HTML-页面布局1盒子模型盒子：页面中所有的元素（标签），都可以看做是一个盒子，由盒子将页面中的元素包含在一个矩形区域内，通过盒子的视角更方便的进行页面布局盒子模型组成：内容区域（content）、内边距区域（padding）、边框区域（border）、外边距区域（margin）盒子的大小，其实就包括三个部分：bo
- 2024-06-05给容器右上角打标，带图标
假设容器的active类名为is-active，那么可以通过伪元素的方式来给容器打标。效果如下： 样式如下：.is-active{ position:relative;}.is-active::after{content:"";position:absolute;right:0;top:0;border-right:20pxsolid#0A53C8;border-top:20pxsolid#0A
- 2024-06-04web前端期末大作业：旅游网页设计与实现——个人旅游博客(4页)HTML+CSS
- 2024-06-03CSS当中 grid响应式布局！
b站当中，那种布局方式，采用的就是grid的布局方式，如图：上代码吧，今天有点不舒服，就不叭叭了，<template><div><h3>grid布局</h3><hr><divclass="container"><divclass="box1box">index</div><divc