2024年10月15日
轮播图已经是一个很常见的东西，尤其是在各大App的首页顶部栏，经常会轮番显示不同的图片。
一提到轮播图如何实现时，很多人的第一反应就是使用Javascript的定时器，当然这种方法是可以实现的。不过就是有些繁琐，今天这篇文章我们来看看如何不用Javascript，而使用纯CSS代码去实现轮播图吧。
这篇文章的所有代码我都放在了github上，感兴趣的同学可以去看看。
https://github.com/zhouxiongking/article-pages/blob/master/articles/carousel/carousel.html
2024年10月15日
轮播图已经是一个很常见的东西，尤其是在各大App的首页顶部栏，经常会轮番显示不同的图片。
一提到轮播图如何实现时，很多人的第一反应就是使用Javascript的定时器，当然这种方法是可以实现的。不过就是有些繁琐，今天这篇文章我们来看看如何不用Javascript，而使用纯CSS代码去实现轮播图吧。
这篇文章的所有代码我都放在了github上，感兴趣的同学可以去看看。
https://github.com/zhouxiongking/article-pages/blob/master/articles/carousel/carousel.html
2024年10月15日
元素的显示与隐藏
使用CSS让元素不可见的方法很多，剪裁、定位到屏幕外、透明度变化等都是可以的。虽然它们都是肉眼看不见，但背后却在多个维度上都有差别
下面是总结的一些比较好的隐藏实践，大家一起来根据实际开发场景来选择合适的使用
比较好的隐藏实践
不占空间，资源可以加载，DOM可访问 使用display:none
不占空间，隐藏显示时有transition效果
占空间，不能点击 visibility: hidden
2024年10月15日
我为大家介绍使用 CSS 来制作按钮。
基本按钮样式
默认按钮 CSS 按钮
CSS 实例
.button {
background-color: #4CAF50; /* Green */
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
2024年10月15日
在平常的样式排版中，我们经常遇到将某个模块隐藏，下面我整理了一下隐藏元素的多种方法以及对比（有的占据空间，有的不占据空间。有的可以点击，有的不能点击。）：
( 一 ) display: none;
特点：元素不可见，不占据空间，无法响应点击事件。
.hide{
display: none;
}
2024年10月15日
hello，大家好，今天起给大家带来一些css的实例代码：
.transparent{
filter:alpha(opacity=50);/*IE*/
-ktml-opacity:0.5;/*老版本的Safari*/
-moz-opacity:0.5;/*Mozilla,Netscape*/
opacity:0.5;/*fx,Safari,Opera*/
2024年10月15日
在css3的text-shadow还没有出现时，大家在网页设计中阴影一般都是用photoshop做成图片，现在有了css3可以直接使用
2024年10月15日
【技术等级】初级
【承接文章】《CSS三个重要的定位属性，使用频率超高，定位属性详解》
上两篇文件主要讲解了定位属性的使用，本篇文章小海老师带领大家利用定位属性制作一个轮播图的前端界面。本文属于前端开发的初级教程，适合于刚刚开始接触CSS技术的学习者。