自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(8)
  • 资源 (1)
  • 收藏
  • 关注

原创 【Pink老师es6】JavaScript 面向对象tab栏案例

目录HTML代码:CSS代码:1、切换功能2、添加功能3、删除功能4、修改功能整体的JavaScript代码:利用面向对象对tab栏进行切换功能、添加功能、删除功能和修改功能HTML代码:<body> <main> <h4> JS 面向对象 动态添加标签 </h4...

2022-05-06 16:50:23 1378 1

原创 点击生成随机色方块

学习js小练习,点击生成随机色小方块,当盒子装满时会弹出装满警告,再次点击小方块会生成删除事件HTML代码:<body> <div class="box"> <ul> <li class="add">+</li> </ul> </div></body>CSS代码: .box { width: 500.

2022-04-28 21:30:46 485

原创 仿小米动态轮播图

HTML代码:<body> <div class="swiper"> <a href="javascript:;" class="left-button"></a> <a href="javascript:;" class="right-button"></a> <ol class="swiper-focus"> &l...

2022-04-24 14:02:44 295

原创 HTML+CSS静态页面的实战练习——小米商城

跟着Pink老师学完HTML+CSS后试着写了一个小米商城首页项目,虽然过程曲折,但是结果还是不错的,做项目的过程就是总结归纳知识点,让学过的东西能更加熟练的运用;页面部分截图:项目的搭建:HTML部分代码:<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta http-equiv="X-...

2022-04-19 18:13:11 3437 25

原创 HTML常用标签

1、文本标签<p></p> 段落标签<br/> 强制换行<hr> 分界线(水平线)标题标签: <h1>标题一、我爱写代码</h1> <h2>标题二、我不掉头发</h2> <h3>标题三、好好学习,天天向上</h3> <h4>标题四、做一个优秀的前端开发师</h4> <h5&gt...

2022-04-12 18:06:04 508

原创 icomoon字体图标的下载与使用

icomoon字体图标的下载与使用

2022-04-10 21:33:31 951 1

原创 跟着Pink老师学前端——学成在线

最近跟着pink老师学习html+css,做了一个学成在线页面,后边根据老师的框架更改了一些图片代码部分:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content..

2022-04-10 20:54:22 847

原创 一个简单的HTML+CSS的小米侧边栏功能

简单的小米侧边栏案例

2022-04-10 20:38:26 277

THML+CSS静态页面实战项目-小米商城

本项目是一个小米官网的静态页面,主要考察的是对页面布局的掌握能力和CSS布局的运用,通过做项目可以让我们对前端的基础知识有一个熟练地掌握,在学后边的JS与框架是能更加的得心应手;

2022-05-20

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除