自定义博客皮肤VIP专享

*博客头图：

点击选择上传的图片

格式为PNG、JPG，宽度*高度大于1920*100像素，不超过2MB，主视觉建议放在右侧，请参照线上博客头图

请上传大于1920*100像素的图片！

博客底图：

点击选择上传的图片

图片格式为PNG、JPG，不超过1MB，可上下左右平铺至整个背景

栏目图：

点击选择上传的图片

图片格式为PNG、JPG，图片宽度*高度为300*38像素，不超过0.5MB

主标题颜色：

RGB颜色，例如：#AFAFAF

Hover：

RGB颜色，例如：#AFAFAF

副标题颜色：

RGB颜色，例如：#AFAFAF

预览取消提交

自定义博客皮肤

-+

上一步保存

weixin_49729219的博客

原创推荐学习的网站

日常：CSDN：http://www.csdn.net/ GitHub: https://github.com/ 知乎：http://www.zhihu.com/开源中国：http://www.oschina.net/ 果壳：http://www.guokr.com / 基础：博客园：http://www.cnblogs.com/ 算法爱好者：http://www.51nod.com/login.html POJ：http://poj.org/ MSDN：http://msdn.microsoft..

2022-03-17 16:42:08 186

原创 JQuery

$(".div>p:even") 选择div里所有p标签的偶数; $(".div>p:odd") 选择div里所有p标签的奇数; $("div:header") 选择div的标头标签; $("td:contains(傻狗)") td包含傻狗俩字都可以匹配出; $("div:empty") div里面不包含子元素或文本或是空的就匹配出; $(".aa:parent") 匹配 ...

2021-05-30 10:54:06 171 4

原创 2021-05-18

Animate:动画效果 hide() 隐藏元素 show() 显示元素 next() 找后面那个兄弟元素(若后面加All=后面所有兄弟元素) prev() 找前面那个兄弟元素(若后面加All=前面所有兄弟元素) slideDown() 点击向下X slideUp() 点击向上 slideTogg...

2021-05-18 15:36:33 51

原创 2021-05-08

$(document).ready(function () { //页面加载事件 }); $(function () { //简写页面加载事件 }); $(“”).one(“click”,function()...

2021-05-08 10:24:35 55

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

2002肖晓辰 CSDN认证博客专家 CSDN认证企业博客

码龄4年

IP 属地：广东省

IP属地以运营商信息为准，境内显示到省（区、市），境外显示到国家（地区）

4: 原创

117万+: 周排名

174万+: 总排名

462: 访问

: 等级

41: 积分

0: 粉丝

0: 获赞

4: 评论

0: 收藏

私信

关注

热门文章

最新评论

JQuery
2002肖晓辰: flex-basis 属性定义了在分配多余空间之前，项目占据的主轴空间。浏览器根据这个属性，计算主轴是否有多余空间。它的默认值为 auto，即项目的本来大小它可以设为跟 width 或 height 属性一样的值（比如flex-basis:350px）那它的宽度就是350px，则项目将占据固定空间。有13 个盒子，将它们的 flex-basis 属性设置为 100px（如果空间不足也会被压缩），在将 2 号盒子 flex-basis属性设置为 auto，那2号的宽度就只有里面的项目大小，不会被撑开 flex 属性 flex 属性是 flex-grow、flex-shrink 以及 flex-basis 的缩写，默认值为 0 1 auto。后面 2 个属性可选。该属性有两个快捷值：auto (就等于1 1 auto把属于的空间全部分配给该项目，如果空间不足也会被缩小) 和 none (0 0 auto不会被放大、缩小)。建议优先使用这个属性，而不是单独写三个分离的属性，因为浏览器会推算相关值 align-self 属性 align-self 属性允许单个项目有与其他项目不一样的对齐方式，可覆盖 align-items 属性。默认值为 auto，表示继承父元素的 align-items 属性，如果没有父元素，则等同于 stretch。该属性可能取值：auto、flex-start、flex-end、center、stretch、baseline 3 个盒子，1 号和 3 号盒子继承父元素的 align-items 属性，取值 flex-start，2 号盒子单独设置 align-self 属性值为 center，那2号就独自一个在左中部列可以是行的直接子元素如果你想要将多个div设置等宽，你可以直接全部添加col这个类，他会默认设置等宽的，如果有一个div设置了固定占了几格，其他加了col这个类，那就平分剩下的 .row-cols-2（可换成其他数字）表示在超小屏幕及以上的情况一行占2列，且平分 .row-cols-sm-2（可换成其他数字）表示在小屏幕及以上的情况一行占两列，且平分 .row-cols-md-2（可换成其他数字）表示在中等屏幕及以上的情况一行占两列，且平分 .row-cols-lg-2（可换成其他数字）表示在大屏幕及以上
JQuery
2002肖晓辰: flex 布局（弹性布局） Webkit内核的浏览器要加-webkit前缀设置了Flex布局之后，子元素的float、clear和vertical-align（垂直对齐）将失效默认存在两根轴：水平主轴和垂直的交叉轴在父元素中设置display:flex,然后在设置下面的属性，在父元素中才能起到作用容器的属性(设置在父元素里边) flex-diretion: 主轴的方向（项目排列的方向） flex-wrap: 一条轴线排不下，换行 flex-flow: flex-diretion和flex-wrap的简写 justify-content：项目在主轴上的对齐方式； align-items：项目在交叉轴上的对齐； align-content：多根轴线的对齐方式 flex-diretion属性 flex-diretion:row; 默认，主轴为水平方向（x轴），起点在左端 flex-diretion:row-reverse; 主轴为水平方向（x轴），起点在右端 flex-diretion:column; 主轴为垂直方向（Y轴），起点在上方 flex-diretion:colum-reverse; 主轴为垂直方向（Y轴），起点在下方 flex-wrap 属性 flex-wrap:nowrap; 默认，不换行 flex-wrap:warp; 换行，第一行在上方，项目之间的间隔都相等 flex-wrap:wrap-reverse; 换行，第一行在下方，项目之间的间隔都相等 flex-flows 属性 flex-flow 是 flex-direction 和 flex-wrap 属性的简写，默认值是 row nowrap justify-content 属性 justify-content:flex-start; 默认，所有的项目左对齐 justify-content:flex-end; 所有的项目右对齐 justify-content:center; 所有的项目居中对齐 justify-content:space-between; 两端对齐，项目之间的间隔都相等 Justify-content:space-around; 每个项目两侧的间隔相等。所以，项目之间的间隔比项目与边框的间隔大一倍 align-items 属性 align-item:flex-sta
JQuery
2002肖晓辰: 前端 bootstrap 框架
JQuery
2002肖晓辰: Container容器 .container （.container-sm）屏幕小于576则100%； .container-md 屏幕小于768则100%； .container-lg 屏幕小于992则100%； .container-xl 屏幕小于1200则100%； .container-fluid 全屏幕100%； @media not | only 或不填 mediatype(媒体类型) and ( expressions 媒体功能) { css 代码… } 媒体类型 mediatype : all: 用于所有多媒体类型设备; print: 用于打印机： screen: 用于电脑屏幕，平板，智能手机等； speech: 用于屏幕阅读器；(一般盲人用) not: 排除指定设备（@media not print：非打印设备） only: 指定媒体类型；栅格系统特小:. .col (576px); 小:. .col-sm(576px); 中: .col-md(768px); 大: .col-lg(992px); 特大: .col-xl(1200px); flex布局主轴开始位置:main start; 结束位置:main end; 交叉轴开始位置 [code=javascript] [/code]

最新文章

提示

确定要删除当前文章？

取消删除