摘要: JavaScript引入方式 直接在script标签内些js代码 <script> let name = 'liu'; </script> 外部引入js文件 <script src="myscript.js"></script> js基础语法 变量声明 在js中,首次定义一个变量名的时候需要用关键字 阅读全文
posted @ 2022-10-16 23:22 7七柒 阅读(32) 评论(0) 推荐(0) 编辑
摘要: CSS动画 什么是 CSS 动画? 动画使元素逐渐从一种样式变为另一种样式。 您可以随意更改任意数量的 CSS 属性。 如需使用 CSS 动画,您必须首先为动画指定一些关键帧。 关键帧包含元素在特定时间所拥有的样式。 | 属性 | 描述 | | : : | : : | | @ keyframes | 阅读全文
posted @ 2022-10-08 23:35 7七柒 阅读(554) 评论(0) 推荐(0) 编辑
摘要: CSS过渡 想要实现过渡,要明确两件事 要添加效果的CSS属性 效果持续的时长 如果没有规定持续的时长则不会有过渡效果,因为默认值是0 当光标从元素上离开时,会立刻变为原始样式 transition-property:规定过渡效果所针对的 CSS 属性的名称 transition-duration: 阅读全文
posted @ 2022-10-07 11:13 7七柒 阅读(61) 评论(0) 推荐(0) 编辑
摘要: transform属性 | 值 | 描述 | | : : | : : | | none | 定义不进行转换 | | matrix(n,n,n,n,n,n) | 定义 2D 转换,使用六个值的矩阵 | | matrix3d(n,n,n,n,n,n,n,n,n,n,n,n,n,n,n,n) | 定义 3 阅读全文
posted @ 2022-10-06 23:24 7七柒 阅读(251) 评论(0) 推荐(0) 编辑
摘要: background-size(背景尺寸) background-origin(定义背景图像的位置) background-clip(背景的绘制区域) 多重背景 CSS 允许您通过 background-image 属性为一个元素添加多幅背景图像 不同的背景图像用逗号隔开,并且图像会彼此堆叠,其中的 阅读全文
posted @ 2022-10-06 16:46 7七柒 阅读(250) 评论(0) 推荐(0) 编辑
摘要: flexbox布局模块 注意,设为 Flex 布局以后,子元素的float、clear和vertical-align属性将失效。 设置弹性布局的方法 通过将 display 属性设置为 flex,flex 容器将可伸缩 点击查看代码 <!DOCTYPE html> <html> <head> <st 阅读全文
posted @ 2022-10-04 12:45 7七柒 阅读(78) 评论(0) 推荐(0) 编辑
摘要: CSS语法结构 选择器{ 属性1:值1; 属性2:值2; 属性3:值3 } 注释 /**/ CSS三种导入方式 外部引入方式 外部引入方式就是将css写在一个单独的文件中,然后在页面进行引入即可。推荐使用此方式。 <!DOCTYPE html> <html lang="en"> <head> <me 阅读全文
posted @ 2022-10-03 20:04 7七柒 阅读(25) 评论(0) 推荐(0) 编辑
摘要: HTML基础 http协议简介 超文本传输协议,用来规定服务端和浏览器之间的数据交互的格式 四大特性 基于请求响应 基于tcp\ip协议作用于应用层之上的协议 无状态 不保存用户的信息 由于http协议是无状态的,所以后续出现了一些专门用来记录用户状态的技术 cookie、cession、token 阅读全文
posted @ 2022-10-03 20:01 7七柒 阅读(32) 评论(0) 推荐(0) 编辑
摘要: 渐变背景 原文链接:https://blog.csdn.net/Mq_sir/article/details/121053167 一、线性渐变(向上\下\左\右,左上,右上等等) 通过属性Inear-gradient来定义一个线性渐变 1、to+方向 background-image:linear- 阅读全文
posted @ 2022-10-03 19:59 7七柒 阅读(505) 评论(0) 推荐(0) 编辑