2023 年对 CSS 来说是重要的一年，在这一年中迎来了众多功能更新，从基础到展现，再到交互，让开发人员实现了曾经认为在 Web 开发中不可能实现的众多功能。
2024年10月15日
2023 年对 CSS 来说是重要的一年，在这一年中迎来了众多功能更新，从基础到展现，再到交互，让开发人员实现了曾经认为在 Web 开发中不可能实现的众多功能。
2024年10月15日
在 CSS 中，color 属性的取值方式有多种，每一种都有其适用场景和优点。没有一种“最好”的取值方式，因为它取决于你的具体需求和上下文。以下是一些常见的 color 取值方式及其特点：
2024年10月15日
方法是使用document.getElementsByName()来获取，但是一定要记得这样获取到的结果为集合。如果代码写成这样将不会起作用
var x = document.getElementsByName("x").value;
window.alert(x);2024年10月15日
前段时间有挺火的一个小游戏，拿两张图片叠加在一起，看看复合人物的效果，用css怎么实现呢？可能大部分人想到的是将两个img用定位的方式叠加在一起，分别设置透明度，当然这个办法是可行的，其实css还提供了一个cross-fade()方法，讲两张图片作为背景图引入，可以实现相同的效果。
2024年10月15日
本文主要介绍 CSS 滤镜的不常用用法，希望能给读者带来一些干货！
OK，下面直接进入正文。本文所描述的滤镜，指的是 CSS3 出来后的滤镜，不是 IE 系列时代的滤镜，语法如下，还未接触过这个属性的可以先简单到 MDN — filter 了解下：
{ filter: blur(5px); filter: brightness(0.4); filter: contrast(200%); filter: drop-shadow(16px 16px 20px blue); filter: grayscale(50%); filter: hue-rotate(90deg); filter: invert(75%); filter: opacity(25%); filter: saturate(30%); filter: sepia(60%);
2024年10月15日
一 透明边框
在元素上设置透明边框会在边框下边显示元素自己的背景.
在下面的例子中,我们使用rgba将边框设置为透明,但实际上它们显示为纯灰色.
css代码:
div.first{ border:20px solid rgba(0,0,0,0); width:200px;position:absolute; top:50px; left:50px; background-color:red;}
2024年10月15日
CSS Colors
CSS的颜色可以通过以下方法指定：
十六进制颜色
RGB颜色
RGBA颜色
HSL色彩
HSLA颜色
预定义/跨浏览器的颜色名称
十六进制颜色
所有主要浏览器都支持十六进制颜色值。
2024年10月15日
相信不少小伙伴大部分都写过这样的页面，小编找来了一个例子，比如上面图中，文字的黑色背景。给一段文字加背景透明度的时候都遇见过IE不兼容的问题，下面我们聊聊这些问题的处理方法。
我们工作中经常用到添加背景透明度的方法两种：
1.o
2024年10月15日
例：
background: rgba(255,255,255,0.2);
兼容ie8
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33ffffff,endColorstr=#33ffffff);
#后面的8个数字被拆分为两个部分 33 ffffff他们对应 AA(IEfilter) GGBBAA(GBA)。