自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(9)
  • 收藏
  • 关注

原创 CSS补充

一、css三大特性1、层叠性相同选择器给设置相同的样式,此时一个样式就会覆盖(层叠)另一个冲突的样式。层叠性主要解决样式冲突的问题层叠性原则:样式冲突,遵循的原则是就近原则,哪个样式离结构近,就执行哪个样式样式不冲突,不会层叠2、继承性CSS中的继承: 子标签会继承父标签的某些样式,如文本颜色和字号。恰当地使用继承可以简化代码,降低 CSS 样式的复杂性。![在这里插入图片描述](https://img-List itemblog.csdnimg.cn/20210610193516

2021-06-10 19:54:41 155

原创 HTML+CSS+JS实现个人相册登录注册

一、任务一完成《个人相册》项目登录页面要求:使用正则表达式验证邮箱密码长度至少为6位且为字母与数字的组合二、任务二完成《个人相册》项目注册页面要求:使用正则表达式验证邮箱用户名长度不能超过五位密码长度至少为6位且为字母与数字的组合两次密码输入须一致三、任务三完成《个人相册》项目相册页面四、注册代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"&

2021-06-10 19:22:00 689

原创 HTML5——3D转化

一、 认识 3D 转换1、3D 的特点近大远小物体和面遮挡不可见2、三维坐标系x 轴:水平向右 – 注意:x 轴右边是正值,左边是负值y 轴:垂直向下 – 注意:y 轴下面是正值,上面是负值z 轴:垂直屏幕 – 注意:往外边的是正值,往里面的是负值二、 3D 转换1、3D 转换知识要点3D 位移: translate3d(x, y, z) 3D 旋转: rotate3d(x, y, z)透视: perspctive 3D 呈现 transfrom-style2、 3D

2021-06-09 16:11:09 297

原创 JavaScript 操作—— HTML DOM、计算器实现

一、HTML DOM 介绍HTML DOM( Document Object Model ), 即文档对象模型。HTML DOM 定义了访问和操作 HTML 文档的标准方法(接口)。HTML DOM 以树状结构表达 HTML 文档HTML DOM 是 W3C(万维网联盟)制定的关于HTML的标准二、HTML DOM 树三、HTML DOM 节点在HTML DOM中,所有事物都是节点,整个HTML就是以节点构建的一个DOM树。整个 HTML 文档是一个文档节点每个 HTML 元素是元

2021-06-08 18:05:49 501 5

原创 JavaScript快速入门、函数

一、JavaScript 简介1.定义JavaScript 是目前最流行脚本语言,简称 JSJavaScript 编写在 HTML 页面中,由浏览器负责解释和执行JavaScript 通常用来给 HTML 页面增加交互能力2.HTML / CSS / JavaScript3.JavaScript 与 Java二、JavaScript 语法应用HTML 应用 JavaScript 语法的 3 种方式:1.内嵌式:又称行内式,在HTML标签上编写JS。2.内部式:在HTML页面中的s

2021-06-07 23:16:02 165 5

原创 html动画制作

一、2D 转换之 translate1、 2D 转换2D 转换是改变标签在二维平面上的位置和形状移动: translate旋转: rotate缩放: scale2、 translate 语法x 就是 x 轴上水平移动y 就是 y 轴上水平移动transform: translate(x, y) transform: translateX(n) transfrom: translateY(n)3、重点知识点2D 的移动主要是指 水平、垂直方向上的移动translate 最大的

2021-06-05 10:06:45 1895

原创 CSS浮动、定位总结

一、CSS 浮动1、 CSS 浮动属性简介CSS float 属性是一个定位属性,用于使元素脱离正常的文档流,并浮动在它的父容器的左侧或右侧float 设置元素在水平方向浮动,意味着元素只能左右浮动而不能上下浮动掌握CSS基础属性float 属性的常用值包括:left 靠左浮动right 靠右浮动none 不浮动2、CSS 浮动应用3、CSS 左右浮动3.1html正常文档3.2CSS 靠左浮动4、CSS 清除浮动(注意理解清除浮动后box的位置)二、CSS定位

2021-06-03 19:40:39 1867 1

原创 html——表单元素及个人简历实现

一、HTML 表单简介1.HTML 表单是 HTML 文档中的一个区域2.HTML 表单这个区域中包含了一系列的可交互元素3.HTML 表单主要用于收集用户输入信息二、HTML 表单元素三、HTML 常用表单元素1.HTML 文本输入元素1.1语法结构1.2实例代码<html>…<body> <form action=“#” method=“post”> <h1>系统登录</h1>

2021-06-02 22:55:56 1270 3

原创 html入门、结构、标签、列表、表格

1.【关卡前提】掌握HTML结构掌握HTML常用标签的使用掌握HTML列表标签掌握HTML表格标签2.【关卡要求】使用HTML标签完成《糖醋排骨》菜谱练习使用HTML标签完成《楚乔传》网页练习扩展:点击集数跳转到详细介绍完成《列表标签》练习完成《小说排行榜》练习)3.【关卡效果】(1)《糖醋排骨》菜谱练习效果图如下:(2)《楚乔传》练习效果图如下:(3)《列表标签》练习效果图如下:(4)小说排行榜练习效果如下:4.代码块(1)《糖醋排骨》菜谱练习

2021-06-01 20:47:58 255 2

空空如也

空空如也

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

TA关注的人

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