衣冠小兽-CSDN博客

原创 CSS补充

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

2021-06-10 19:54:41 157

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

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

2021-06-10 19:22:00 690

原创 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 299

原创 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 502 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 1897

原创 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 1869 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 1271 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

maojiaolin的博客