很多人在使用 CSS 时,对 Display, Visibility 和 Overflow 三个属性的理解并不是很清晰,这里就对这三个属性做一下分析,对应三个属性在使用时的区别.
Display
display 用来设置或检索对象是否及如何显示。
- display: none
display 属性为 none 时,隐藏标签对象。不会为对象保留其位置空间,它下面所在的元素会被自动上移占有被隐藏标签位置。
2024年10月22日
很多人在使用 CSS 时,对 Display, Visibility 和 Overflow 三个属性的理解并不是很清晰,这里就对这三个属性做一下分析,对应三个属性在使用时的区别.
Display
display 用来设置或检索对象是否及如何显示。
display 属性为 none 时,隐藏标签对象。不会为对象保留其位置空间,它下面所在的元素会被自动上移占有被隐藏标签位置。
2024年10月22日
这个视频来说一下CSS布局里面比较基础，但是非常重要的一个知识点：居中布局。这里我会给大家介绍几种实现水平垂直居中的方法。有的方法比较推荐大家使用，有的作为了解就可以了。这里我写了两个div，现在要做的就是让小的红色这个div在外面大的div里面水平垂直同时居中。接下来我说的这几种方法里面，前面两种是我比较推荐大家来使用的。
·第一种，用弹性盒布局，让它里面的元素在主轴和侧轴同时居中就可以了。这个方法是现在大家用的比较多，也比较容易理解的方法。没问题，现在红色这个div已经水平垂直都居中了，来恢复一下。
2024年10月22日
今天继续下一个功能，那就是轮播图，在首页我们经常可以看到一个轮播展示区域，今天我们就来实现这个功能，这里我看了很多别人写轮播，基本都是用JavaScript或者别人封装好的组件来实现的轮播功能，因为vue没法像JavaScript那样通过offsetleft来获取当前元素的偏移位置，所以在写组件滑动的时候总是力不从心，最后还是用JavaScript写或者别人封装的组件来实现，其实vue还是可以实现无缝轮播功能的，下面是功能演示。
这里主要实现了以下几个功能：
2024年10月22日
广东IT优就业
css中实现垂直居中的方法你都知道吗？图文带你迅速get方法。
line-height
line-height用于实现单行文本的垂直居中，如下图中，我们要求单行文本垂直居中，只需要将div2设置行高line-height和height的值相同即可，也可以不用设置高度，因为单行文本的行高会撑开高度，其实二者就是一样的值。
2024年10月22日
用AND函数、OR函数和NOT函数判断真假
AND函数对应逻辑关系“与”。当所有参数为逻辑值TRUE时，结果返回TRUE，只要有一个参数为逻辑值FALSE，结果返回FALSE。
2024年10月22日
导读：在文章文末增加二维码也是网站常见的功能，一般在自己的文章文末添加本站的微信公众号二维码，微信二维码、QQ二维码、QQ群二维码等，那样阅读过本文的网友，如果需要交流的话，可以迅速的可以通过QQ、QQ群、微信、微信群来相互交流。
本文就以站长在线使用的mip建站系统为例，来教大家怎么在自己的网站的文章末尾添加两张二维码。
要想实现文末添加二维码，有两个部分需要添加：一个是css里面添加该代码的css，一个是在网站模板里面添加HTML代码。
2024年10月22日
代码见：https://codepen.io/xiaokuoai/pen/bGVBxPq
需求：在h5上展示如下图的环形效果图，其中被我马赛克的地方是文字描述，可以忽略。其实像很多图表库都可以满足，譬如echart/antv等，但是只是这一个展示，把第三方库引入进来，会导致文件太大，因此想着自己实现
实现：
其中主要的html内容如下红色方框loading所示