大家看到网站的内容都变成了灰色，包括按钮、图片等等。这时候我们可能会好奇这是怎么做到的呢？
2025年07月16日
想写个浏览器插件玩？
光会manifest.json可不够。
油管教程都教烂了基础操作，真上线了才发现用户根本不买账。
2025年实测数据：78%新手开发者的首款插件安装量不足50次。
插件安装页面关闭率高的吓人。
Chrome商店后台统计显示，用户平均只用3.8秒决定是否安装。
你那堆技术参数用户根本懒得看，猫爪光标插件能火就靠一张动态效果图。
manifest填不对审核必跪。
上个月还有开发者卡在V3权限声明，死活通不过内容安全策略。
2025年07月16日
很多时候，我们需要一些特效功能，比如给图片做个滤镜什么的，如果是h5页面，那么我们可以很容易的通过css滤镜来实现这个功能。
2025年07月16日
很久以前，手机上的交互依赖键盘和触控笔。我们要查看一个很长很长的列表，必须使用非常难用的触控笔或键盘的上下左右键。后来黑莓发明了滚动球，缓解了大拇指按出茧的问题。
2007年，苹果推出iPhone。iPhone只有一个玻璃屏，没有触控笔，直接用手指操作，支持多手指。Multi-Touch这项技术在推出时被誉为和Mouse（Mac），Click wheel（iPod）一样革命性的发明。当然最近的3D Touch（Apple watch）也是革命性的。在推出iPhone之前，苹果已经做了多年的铺垫。2005年收购的小公司finger works就是专门做手势识别的团队，用macbook的人几乎是脱离鼠标的，因为其触控板非常好用，所用技术来自这家公司。
2025年07月16日
1、*{} #zishu *{} 尽量避开
由于不同浏览器对HTML标签的解释有差异，所以最终的网页效果在不同的浏览器中可能是不一样的，为了消除这方面的风险，设计者通常会在CSS的一个始就把所有标签的默认属性全部去除，以达到所有签标属性值都统一的效果。所以就有了*通配符。*会遍历所有的标签;
*{margin:0; padding:0}
2025年07月16日
层叠样式表（CSS）是网页设计的支柱，能将单调的HTML转变为视觉惊艳的交互界面。要精通CSS，必须理解从基础选择器到动画、响应式设计等高级技巧在内的核心概念。无论你是初学者还是资深开发者，掌握这33个CSS核心知识点都将夯实你的技能，助你打造令人惊艳的用户友好型网站。现在就开始探索吧！
2025年07月16日
新规矩来了：写样式也能像聊天一样做选择！
过去写网页样式特别折腾。比如手机横屏竖屏要分别写，新版老版浏览器要分别调。现在好了，新版Chrome带来的`if`功能，让你在CSS里直接做选择题！像在代码里直接写："如果手机横着放，就这样排；竖着放，就那样排。" 简单明了，省心多了。
以前调屏幕方向得这么写：
```css
2025年07月16日
1、Filter 属性介绍
设置或检索对象所应用的滤镜或滤镜集合。此属性仅作用于有布局的对象，如块对象。
内联要素要使用该属性，必须先设定对象的 height 或 width 属性，或者设定 position 属
性为 absolute，或者设定 display 属性为 block。请参阅对象的 hasLayout 属性。若要在
img 对象上应用 shadow 滤镜，可以在该对象 img 对象的父容器上应用。滤镜的机制是可扩展的。通过利用 Microsoft(R) DirectX(R) Media SDK，你可以使用 C++开发和使用第三方滤镜。该属性在 MAC 平台上不可用。对应的脚本特性为 filter。
2025年07月16日
CSS3 Filter（滤镜）属性提供了提供模糊和改变元素颜色的功能。CSS3 Fitler 常用于调整图像的渲染、背景或边框显示效果。这里给大家分享的这个网站，大家可以体验下 CSS3 对图片的处理效果，例如灰度，模糊，饱和，老照片等。
演示
http://www.cssreflex.com/css-generators/filter
来源
2025年07月16日
滤镜的使用格式：
<style type="text/css">
<!--
.filter { filter: Alpha(Opacity=50)}
-->
</style>filter滤镜目前只有IE浏览器支持,不推荐使用，不区分大小写