一、普通定位和相对定位
css中的元素有两种元素，块级元素和行级元素，块级元素每定义一个，第二个会自动换行，行级元素不会换行。如下图定义了三个块级元素div和两个行级元素span。
2024年10月16日
css中的元素有两种元素，块级元素和行级元素，块级元素每定义一个，第二个会自动换行，行级元素不会换行。如下图定义了三个块级元素div和两个行级元素span。
2024年10月16日
最开始做开发时，碰到前端样式，非常害怕，因为调试时间成本太大了。主要是因为没有系统的把前端知识点学习一遍，只是了解 display:none，display: inline 及 display:block的用法与意义，并没有认真的把它们的差异找出来。
刚好今天有人问到它们的区别，索性写篇小结，来帮助大家理解，以便加深记忆。
2024年10月16日
作者 | zoyoy
责编 | 伍杏玲
出品 | CSDN博客
CSS单行/多行文本，超出隐藏并显示省略号
方法一：使用CSS属性
单行文本溢出显示省略号
width: 100px;
overflow: hidden;
text-overflow:ellipsis; //文本溢出显示省略号
2024年10月16日
在日常学习和工作中，你是否经常觉得时间不够用？为了帮助你提高效率，今天，就为大家分享一些CSS小技巧，如果你感觉有用，也可以收藏与分享给你的小伙伴们~
1. 文字水平居中
将一段文字置于容器的水平中点，只要设置text-align属性即可：
text-align:center;
2. 容器水平居中
先该容器设置一个明确宽度，然后将margin的水平值设为auto即可。
2024年10月16日
接上一篇，继续开始记录：
7、使用CSS transforms 或者 animations时可能会有页面闪烁的bug
elements {
-webkit-backface-visibility: hidden;
}
8、transform-style: preserve-3d（让元素支持3D）
让元素支持3D
2024年10月16日
这里我工作中收集了10个很不错的CSS技巧，你可以用在你的项目上。它可以帮你很好地整理你的元素并让他们看起来蛮酷的。下面开始我们的内容，希望你会喜欢它。下面是我收集的CSS技巧，希望能帮助到你，感觉收藏吧。
1. 黑白图像
这段代码会让你的彩色照片显示为黑白照片，是不是很酷？
img.desaturate { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);
}2024年10月16日
这些一行代码大多数会是CSS规则中的一个声明。在某些情况下，选择器可能不只是一个简单的元素；在其他情况下，我会添加额外的声明作为建议以获得更好的体验，因此使它们不再严格意义上是一行代码——对于这些情况我提前道歉。