Flex布局
摘要:1.flex-direction flex-direction属性决定主轴的方向(即项目的排列方向)。 .box { flex-direction: row | row-reverse | column | column-reverse; } row(默认值):主轴为水平方向,起点在左端。 row-
阅读全文
posted @
2021-10-28 21:46
卡坦菲
阅读(47)
推荐(0)
Swiper使用方法(轮播图banner)
摘要:在Swiper中文网 https://www.swiper.com.cn/ 中下载Swiper 在下载到的文件中找到swiper-bundle.min.js和swiper-bundle.min.css文件,放入css,js当中 在资源文件中有45个案例 还有很多样式就不11列出(也可在其官网在线演示
阅读全文
posted @
2021-10-27 20:41
卡坦菲
阅读(312)
推荐(0)
Emmet插件基础
摘要:1、生成后代元素:> 大于号表示后面要生成的内容是当前标签的后代 命令:nav>ul>li <nav> <ul> <li></li> </ul> </nav> 2、生成兄弟元素:+ 加号表示后面的元素和前面的元素是兄弟元素 命令:div+p+bq <div></div> <p></p> <block
阅读全文
posted @
2021-10-26 17:02
卡坦菲
阅读(62)
推荐(0)
关于选择器
摘要:优先级 正常情况下 选择范围越大,优先级越低 特殊情况 !impor 层次选择器 空格 所有子代 > 第一代 + 第一个兄弟节点 ~ 后面的所以兄弟节点 表单选择器 :type 属性 (jquery写法) 属性过滤器[] [attr] 包含这个属性 [attr=val] 属性值=val [attr=
阅读全文
posted @
2021-10-25 18:25
卡坦菲
阅读(56)
推荐(0)
css(待添)
摘要:margin: 0 auto; 整个元素居中 text-align: center;文本居中 background-position: 0px 0px ; 精灵图(x,y) background-repeat: no-repeat;平铺 display: inline-block;使一些元素在一行,
阅读全文
posted @
2021-10-25 18:22
卡坦菲
阅读(53)
推荐(0)