一、元素的显示模式
1. 块元素（block）
- 在页面中独占一行 ，不会与任何元素共用一行，是从上到下排列的。
- 默认宽度：撑满父元素 。
- 默认高度：由内容撑开。
- 可以通过 CSS 设置宽高。
2024年10月15日
1. 块元素（block）
2024年10月15日
先说下css透明的方式，今天不做ie的滤镜处理（欢迎小伙伴们评论去补充兼容）
主要是看RGBA和Opacity
先来简单看看RGBA：
语法
rgba(r,g,b,a)
取值说明
R：红色值。正整数 | 百分数
G：绿色值。正整数 | 百分数
B：蓝色值。正整数 | 百分数
A：Alpha透明度。取值0~1之间。
2024年10月15日
属性值：transparent(透明的)或color(颜色)
2024年10月15日
在 23 年的 CSS 新特性中，有一个非常重要的功能更新 -- 相对颜色。
简单而言，相对颜色的功能，让我们在 CSS 中，对颜色有了更为强大的掌控能力。
其核心功能就是，让我们能够基于一个现有颜色 A，通过一定的转换规则，快速生成我们想要的颜色 B。
其功能能够涵盖：
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*/