2021年12月26日
解决父盒子塌陷
摘要： 一、浮动 1、固定高度：给父盒子设置固定高度 缺点：设置固定高度后页面的灵活性会降低，后期更改子盒子元素时比较麻烦 2、overflow ：给父盒子添加 overflow 属性，其中 auto（如果内容过多，出现滚动条） hidden scroll（会直接出现滚动条）都可以解决 3、空盒子：父盒子最 阅读全文
posted @ 2021-12-26 21:03 故作矜持 阅读(284) 评论(0) 推荐(0)
轮播图
摘要： <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"><img src="../public/img/lunbotu1.png"> </div> <div class="swiper 阅读全文
posted @ 2021-12-26 21:01 故作矜持 阅读(56) 评论(0) 推荐(0)
css动画
摘要： 动画使元素逐渐从一种样式变为另一种样式。 您可以随意更改任意数量的 CSS 属性。 如需使用 CSS 动画，您必须首先为动画指定一些关键帧。 关键帧包含元素在特定时间所拥有的样式。 如果您在 @keyframes 规则中指定了 CSS 样式，动画将在特定时间逐渐从当前样式更改为新样式。 要使动画生效 阅读全文
posted @ 2021-12-26 20:56 故作矜持 阅读(57) 评论(0) 推荐(0)
弹性布局
摘要： Flex是Flexible Box的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。 任何一个容器都可以指定为Flex布局。采用Flex布局的元素，称为Flex容器（flex container），简称”容器”。它的所有子元素自动成为容器成员，称为Flex项目（flex item），简称”项 阅读全文
posted @ 2021-12-26 14:23 故作矜持 阅读(98) 评论(0) 推荐(0)
jQuery
摘要： jQuery的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的CSS选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器。 1.首先加载插件，需要用到的文件有swiper-bundle.min.js和swiper-bun 阅读全文
posted @ 2021-12-26 13:53 故作矜持 阅读(66) 评论(0) 推荐(0)
2021年11月22日
修改css样式
摘要： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="div1" class="divC"></div></body></html><script> 阅读全文
posted @ 2021-11-22 13:02 故作矜持 阅读(154) 评论(0) 推荐(0)
定时器
摘要： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="screen"> shijian</div></body></html><script> va 阅读全文
posted @ 2021-11-22 13:01 故作矜持 阅读(53) 评论(0) 推荐(0)
js数据类型
摘要： JavaScript. 数据类型. 值类型 (基本类型) ：字符串（String）、数字 (Number)、布尔 (Boolean)、对空（Null）、未定义（Undefined）、Symbol。. 引用数据类型 ：对象 (Object)、数组 (Array)、函数 (Function)。. 布尔类 阅读全文
posted @ 2021-11-22 12:58 故作矜持 阅读(56) 评论(0) 推荐(0)
2021年11月14日
border
摘要： border-width 属性可以设置盒子模型的边框宽度 /* 用法一：明确指定宽度值 */ /* 当给定一个宽度时，该宽度作用于选定元素的所有边框 */ border-width: 5px; /* 当给定两个宽度时，该宽度分别依次作用于选定元素的横边与纵边 */ border-width: 2px 阅读全文
posted @ 2021-11-14 12:48 故作矜持 阅读(354) 评论(0) 推荐(0)
浮动
摘要： 1.浮动会使元素脱离文档流 2.浮动会使元素提升层级 3.浮动可以使块元素在一行排列，不设置宽高的时候，可以使元素适应内容 4.浮动可以使行内元素支持宽高 浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。浮动元素会脱离当前文档流，以一种特殊的形式存在，因为它不再处于文档 阅读全文
posted @ 2021-11-14 12:36 故作矜持 阅读(180) 评论(0) 推荐(0)