- 博客(9)
- 收藏
- 关注
原创 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
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人