2024年10月26日
在进行前端开发时，图标库的使用是一项必须掌握的技巧，目前流行的图标库有fontawesome，iconfont等，只需要引入到项目中，然后使用对应的class，就会得到对应的图标。
但是你们有没有想过，如果是自己的话该怎么去实现这些图标呢？今天我们就来看看一些稍微复杂的图标是如何使用纯CSS3实现吧。
文中的代码已经放到github上了，感兴趣的同学自取。
https://github.com/zhouxiongking/article-pages/blob/master/articles/border/complexFigure.html
2024年10月26日
在网上有同学问我：如何在IE9以下版本的浏览器支持圆角的特性。为了让大家在以后的工作中能够更快、更有效的解决这种问题，现在把一种最简单、最有效的解决方案总结给大家，希望能够帮助到你！【就两步搞定！】
第一步
下载一个重要的文件 ie-CSS3.htc，这种类型的文件只要IE才能够识别。
下载地址：http://download.csdn.net/detail/lxcao/9685089 【这是老曹的CSDN博客】
2024年10月26日
内核类型 写法
Trident(IE) -ms-columns IE浏览器使用的内核
Webkit(Chrome/Safari) -webkit-columns 苹果公司自己的内核，也就是苹果的Safari浏览器使用的内核;
google的chrome也使用webkit作为内核; 360安全浏览器也是WebKit内核(Chrome)
2024年10月26日
上一篇文章讲到如何创建一个脚手架程序，目前我们已经有了一个nextjs的基本框架，因此我们可以在这个基础上进行改造。
打开我们项目中的page.tsx页面，这里是程序的主页面，也就是我们访问地址时候第一个看见的页面
2024年10月26日
在之前的文章中有讲解过，如何通过CSS代码实现类似于杯子和心形的图案，今天这篇文章我们继续来看看两个复杂的图案。
文章中的代码已经放到github上了，感兴趣的同学可以自取。
https://github.com/zhouxiongking/article-pages/blob/master/articles/border/complexFigure2.html
2024年10月26日
安全区域与边界是iOS11 新增特性。
安全区域的内容不受圆角（corners）、齐刘海（sensor housing）、小黑条（Home Indicator）影响。
Webkit 为此增加了相应的CSS 函数（env, constant）用于获取安全区域边界值。
2024年10月26日
自己制作好看的炫酷的3D桌面背景，复制替换即可。
可用鼠标任意调整角度
1.首先创建一个.html文件，再复制文章结尾的代码进去。
2.创建images文件夹存放图片，如图：
2024年10月26日
Foundation 滑块允许用户通过拖动来选取区间值:
滑块可以通过使用 <div class="range-slider" data-slider> 创建。在 <div> 内, 添加两个 <span> 元素: <span class="range-slider-handle"> 创建矩形滑块（蓝色背景），
2024年10月26日
Foundation 用于开发响应式的 HTML, CSS and JavaScript 框架。Foundation 是一个易用、强大而且灵活的框架,用于构建基于任何设备上的 Web 应用。 |