flex布局之flex-direction
flex布局之flex-direction
酷炫效果 进度条
重要点记录：1.从粗到细的进度条（设定父div 的相对定位，利用三角形的思想，渲染此进度条）2.smtline 的css完整代码如下：
Grid布局介绍
1、什么是Grid布局 Grid布局即网格布局，是一种新的css模型，一般是将一个页面划分成几个主要的区域，定义这些区域的大小、位置和层次等关系，是目前唯一一种css二维布局。2、和flex布局的区别 Grid布局和flex布局是有实质性的区别的，flex是一
Unocss(原子化css) 使用(vue3 + vite + ts)
Unocss 原子化css
登录login页面--css效果
效果如下声明：图片与图标来源均来源于堆糖与iconfont阿里巴巴矢量图标库将图片放置到images中框架如下login.html代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-
让她/他心动的告白，页面制作（9个页面+链接+代码，原生HTML+CSS+JS实现）
8个前端表白小案例，即取即用，祝您找到另一半，祝大家520心想事成。
计算机毕业设计——简单的网页设计
1 网页简介：此作品为学生个人主页网页设计题材，HTML+CSS 布局制作,web前端期末大作业,大学生网页设计作业源码，这是一个不错的网页制作，画面精明，代码为简单学生水平, 非常适合初学者学习使用。2.网页编辑：网页作品代码简单，可使用任意HTML编辑软件（如：Dreamweaver、HBuil
讲解HTML和CSS（超详细）
讲解HTML和CSS（超详细）一、初始HTML和CSS1.html的发展历史2.html3.css二、HTML1.基本框架2.HTML5常用的标签和属性三、CSS1.css的使用2.css选择器总结提示：以下是我的一些经验之谈，下面案例可供参考一、初始HTML和CSS1.html的发展历史HTML
三种js轮播实现方式详解（看一遍就会）
js，轮播，轮播图，滚动，定位，滚动条，src，替换，定时器，
前端案例：像素鸟小游戏（js+dom操作，完整代码，附案例素材）
原生 js+dom 操作实现像素鸟小游戏，代码完整，素材完整。
2022高频前端面试题（含答案）
一、简单页面1、CSS选择器样式优先级2、CSS实现三列布局（左右固定宽度，中间自适应）（1）CSS浮动第一个float:left，第二个float:right，第三个设置margin-left和margin-right（2）绝对定位法第一个定位到left，第二个定位到right，第三个设置marg
【博主推荐】html好看的个人主页(附源码)
html好看的个人主页，个人主页四种风格，可以自己灵活配置，改变背景图，星空主页风格，简洁个人主页风格，背景图个人主页风格，卡片个人主页风格。附带源码下载。
《web课程设计》使用HTML+CSS制作大学生校园二手交易网站
🏫 校园网页设计 、学校班级网页制作、学校官网、小说书籍、等网站的设计与制作。🏷️HTML静态网页设计作业使用dreamweaver制作，采用DIV+CSS布局，共有多个页面，首页使用CSS排版比较丰富，色彩鲜明有活力。顶部导航及底部区域背景色为100%宽度，主体内容区域宽度🏅 一套优质的💯
什么是BFC，他有什么用？
BFC 是什么？
HTML常用标签超详细整理
HTML概述1.1 什么是HTMLHTML是做网站的、Web开发、互联网生态开发(PC端+移动端+微应用) 目前我们使用的都是HTML5,支持传统的PC端开发，还支持移动端开发还支持微应用开发,从而替换了部分传统的移动端开发技术1.2 HTML概念HTML:Hyper Text Markup Lan
【Web前端基础】实验9 表单页面设计
构建基础页面：参会注册表、设计建言页面、设计调查问卷
5个前端练手项目(html css js canvas)
目录🥩.跑马灯1.1效果图：1.2思路解析1.3源码🍧.彩虹爱心2.1效果图2.2思路解析2.3源码🌮.闹钟3.1效果图3.2思路解析3.3源码🍲.自制笔记本4.1效果展示4.2思路解析4.3源码🍣.自定义写字台（也可自定义字的样式）5.1效果展示 5.2思路解析5.3源码2.彩虹爱心2.
HTML5设计注册/登录界面
因为我们注册或者登录时是需要提交信息给后台的，所以需要用到表单form标签 span标签是一个基本的文本标签 如果需要登录是要点登录进行页面跳转的，所以我们需要使用a标签进行网址跳转 input标签也就是需要用户进行自行输入信息，并且可以通过type属性进行指定输入文本框的类型，比如我们输入密码时需
HTML+CSS个人静态网页设计
🧑个人网页设计、🙋♂️个人简历制作、👨💼简单静态HTML个人网页作品、👨🏭个人介绍网站模板 、等网站的设计与制作。⭐个人网页设计网站模板采用DIV CSS布局制作，网页作品有多个页面，如 :个人介绍（文字页面）、我的作品（图片列表）、个人技能（图文页面）、在线留言（表单页面）CSS
【HTML小游戏】推箱子网页版(附完整源码)
经典的推箱子是一个非常古老游戏，甚至是80，90年代的回忆，目的是在训练你的逻辑思考能力。在一个狭小的仓库中，要求把木箱放到指定的位置，稍不小心就会出现箱子无法移动或者通道被堵住的情况，所以需要巧妙的利用有限的空间和通道，合理安排移动的次序和位置，才能顺利的完成任务。在移动箱子的过程中，是对你的思维
