随笔分类 -  前端

第六章：bootstrap基础
摘要：bootstrap简介 该框架已经帮你写好了很多的页面样式，你如果需要使用，只需要下载对应的文件，之后直接cv拷贝即可 在使用bootstrap的时候所有的页面样式都只需要通过class来调节即可 版本建议选择v3版本：https://v3.bootcss.com/ 注意 bootstrap的js代 阅读全文
posted @ 2022-12-07 21:38 7七柒 阅读(89) 评论(0) 推荐(0)
第五章：jQuery基础
摘要：jQuery简介 """ jQuery内部封装了原生的js代码(还额外的添加了很多的功能) 能够让你通过书写更少的代码完成js操作 类似于Python的模块 在前端模块不叫模块，叫“类库” 兼容多个浏览器 jQuery的宗旨 write less do more 然你用更少的代码完成更多的事情 jQ 阅读全文
posted @ 2022-11-27 19:13 7七柒 阅读(39) 评论(0) 推荐(0)
第四章：BOM操作和DOM操作
摘要：BOM(Browser Object Mode) 浏览器对象模型 js代码操作浏览器 DOM(Document Object Mode) 文档对象模型 js代码操作标签 BOM操作 window对象 window对象指代的就是浏览器窗口 window.innerHeight # 浏览器窗口的高度 1 阅读全文
posted @ 2022-11-27 19:11 7七柒 阅读(251) 评论(0) 推荐(0)
第三章：JavaScript基础
摘要：JavaScript引入方式 直接在script标签内些js代码 <script> let name = 'liu'; </script> 外部引入js文件 <script src="myscript.js"></script> js基础语法 变量声明 在js中，首次定义一个变量名的时候需要用关键字 阅读全文
posted @ 2022-10-16 23:22 7七柒 阅读(43) 评论(0) 推荐(0)
CSS动画（animation）
摘要：CSS动画 什么是 CSS 动画？ 动画使元素逐渐从一种样式变为另一种样式。 您可以随意更改任意数量的 CSS 属性。 如需使用 CSS 动画，您必须首先为动画指定一些关键帧。 关键帧包含元素在特定时间所拥有的样式。 | 属性 | 描述 | | : : | : : | | @ keyframes | 阅读全文
posted @ 2022-10-08 23:35 7七柒 阅读(625) 评论(0) 推荐(0)
transition属性（过渡）
摘要：CSS过渡 想要实现过渡，要明确两件事 要添加效果的CSS属性 效果持续的时长 如果没有规定持续的时长则不会有过渡效果，因为默认值是0 当光标从元素上离开时，会立刻变为原始样式 transition-property：规定过渡效果所针对的 CSS 属性的名称 transition-duration： 阅读全文
posted @ 2022-10-07 11:13 7七柒 阅读(111) 评论(0) 推荐(0)
transform属性（元素转换、变形等）
摘要：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七柒 阅读(457) 评论(0) 推荐(0)
css多重背景
摘要：background-size（背景尺寸） background-origin（定义背景图像的位置） background-clip（背景的绘制区域） 多重背景 CSS 允许您通过 background-image 属性为一个元素添加多幅背景图像 不同的背景图像用逗号隔开，并且图像会彼此堆叠，其中的 阅读全文
posted @ 2022-10-06 16:46 7七柒 阅读(332) 评论(0) 推荐(0)
flexbox（弹性布局）
摘要：flexbox布局模块 注意，设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。 设置弹性布局的方法 通过将 display 属性设置为 flex，flex 容器将可伸缩 点击查看代码 <!DOCTYPE html> <html> <head> <st 阅读全文
posted @ 2022-10-04 12:45 7七柒 阅读(121) 评论(0) 推荐(0)
第二章：CSS基础
摘要：CSS语法结构 选择器{ 属性1:值1; 属性2:值2; 属性3:值3 } 注释 /**/ CSS三种导入方式 外部引入方式 外部引入方式就是将css写在一个单独的文件中，然后在页面进行引入即可。推荐使用此方式。 <!DOCTYPE html> <html lang="en"> <head> <me 阅读全文
posted @ 2022-10-03 20:04 7七柒 阅读(56) 评论(0) 推荐(0)
第一章：HTML基础
摘要：HTML基础 http协议简介 超文本传输协议，用来规定服务端和浏览器之间的数据交互的格式 四大特性 基于请求响应 基于tcp\ip协议作用于应用层之上的协议 无状态 不保存用户的信息 由于http协议是无状态的，所以后续出现了一些专门用来记录用户状态的技术 cookie、cession、token 阅读全文
posted @ 2022-10-03 20:01 7七柒 阅读(77) 评论(0) 推荐(0)
background-image（背景渐变）
摘要：渐变背景 原文链接：https://blog.csdn.net/Mq_sir/article/details/121053167 一、线性渐变(向上\下\左\右,左上，右上等等) 通过属性Inear-gradient来定义一个线性渐变 1、to+方向 background-image:linear- 阅读全文
posted @ 2022-10-03 19:59 7七柒 阅读(789) 评论(0) 推荐(0)