前言
loading效果在实际开发中是很常见的，尤其是在Ajax请求的时候，可以给用户一个很好的交互体验。
今天这篇文章我们一起来看看如何通过CSS3实现各种不同的loading效果吧，文章中的代码可以从github自取。
https://github.com/zhouxiongking/article-pages/blob/master/articles/loading/loading.html
2024年10月24日
loading效果在实际开发中是很常见的，尤其是在Ajax请求的时候，可以给用户一个很好的交互体验。
今天这篇文章我们一起来看看如何通过CSS3实现各种不同的loading效果吧，文章中的代码可以从github自取。
https://github.com/zhouxiongking/article-pages/blob/master/articles/loading/loading.html
2024年10月24日
web前端的学习中div是十分重要的，下面将从这几个方面进行div背景分析。
1.div+css布局
<div>特征
① 可以定义文档中的分区或节（division/section）
② 可以把文档分割为独立的、不同的部分，可以用作严格的组织工具
③ 是一个块级元素，它的内容会自动开始一个新行
④ 一般通过 id 或 class 标记与CSS配合使用
常用到的CSS属性：
width:数值、height:数值、background-color:颜色、float-left（是div不占据一行）
2024年10月24日
CSS 盒模型
一个盒子包括：margin+border+padding+content
上下左右边框交界处出呈现平滑的斜线。 利用这个特点， 通过设置不同的上下左右边框宽度或者颜色可以得到小三角， 小梯形等。
调整宽度大小可以调节三角形形状。
一般情况下， 我们设置盒子的宽高度， 及上下左右边框， 会呈现如下图：
2024年10月24日
外边距合并指的是,当两个垂直外边距相遇时,它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。
当一个元素出现在另一个元素上面时,第一个元素的下外边距与第二个元素的上外边距会发生合并。
实例:
<html>
<head>
<style type="text/css">
* {
margin:0;
padding:0;
border:0;
}
#d1 {
width:100px;
height:100px;
margin-top:20px;
margin-bottom:20px;
background-color:red;
}
#d2 {
width:100px;
height:100px;
margin-top:10px;
background-color:blue;
}
</style>
</head>
<body>
<div id="d1">
</div>
<div id="d2">
</div>
<p>注意: 两个 div 之间的外边距是 20px, 而不是 30px(20px + 10px)。</p>
</body>
</html>2024年10月24日
本文同步本人掘金平台的文章：https://juejin.cn/post/6940899696038641700
2024年10月24日
loading效果在实际开发中是很常见的，尤其是在Ajax请求的时候，可以给用户一个很好的交互体验。
今天这篇文章我们一起来看看如何通过CSS3实现各种不同的loading效果吧，文章中的代码可以从github自取。
https://github.com/zhouxiongking/article-pages/blob/master/articles/loading/loading.html
2024年10月24日
我发布的代码喜欢的就收-藏吧，都是我实际测试过的，分享出来只为供需要的朋友借鉴思路、实现方法，代码可以根据需要更改、因为每个人的需求不同，可以参考我不同的文章，根据你是需要速度效率还是安全、稳定。当然，文章中介绍了适用场景，也可以作为基础学习用。另本文讲解中涉及的代码已由本人介绍的相关J密技术处理，如有需要，可使用本人文章中对应的解密技术代码执行J密。
今天，我来分享一个超酷的C#小技巧，能让你的图片瞬间从平凡变得不凡——那就是给图像添加边框！无论是美化你的博客配图，还是为社交媒体上的照片增添一抹个性，这个技能都能让你轻松搞定，让你的作品在众多图片中脱颖而出！
2024年10月24日
学习总目标
本次学习目标
CSS是用于设置HTML页面标签的样式，用于美化HTML页面