Simple is Happiness
Less is more
css
puppeteer等自动化测试框架如何判断CSS动画结束animation end
by ourjs keys 前端 css 1651547517567
纯CSS实现圆形动画进度百分比饼图Percentage Circle with Animation
by ourjs keys css 1648890519417
Flex布局基础概念及入门实例教程
by ourjs keys css Html5 1628754365243

Flexbox 是一种布局模型。提供了强大的空间分布和对齐能力

一个 flexbox 一次只能处理一个box中的元素布局,按一行或者一列。作为对比的是另外一个二维布局 CSS Grid Layout,可以同时处理行和列上的布局。

使用flex layout 设置 display: flex 即可。

CSS Grid网格入门实例教程: 强大的动态布局
by ourjs keys css Html5 1627981382659

CSS Grid Layout 是一个二维布局,可以同时处理行和列上的布局。 像表格一样,网格布局让我们能够按行或列来对齐元素。 然而在布局上,网格比表格更可能做到或更简单。 例如,网格容器的子元素可以自己定位,以便它们像CSS定位的元素一样,真正的有重叠和层次。

CSS教程:图片使用混合模式和颜色叠加filter滤镜,改变PNG图标颜色
by ourjs keys css Html5 前端 1588644749818

css3添加了两个与混合模式相关的属性,这种方法的基本原理是将图片和背景颜色混合,从而变成新的颜色。

如果图片是含有透明背景的PNG图片时,可使用filter,一行CSS就可改造图片颜色的色相、饱和度、对比度等,原理类似PS中的滤镜。

CSS教程:如何设置自动显示隐藏scrollbar滚动条,自定义外观样式/宽度,附demo示例大全
by ourjs keys css Html5 前端 1588633964712

Webkit 浏览器,像Chrome,Safari,Opera 支持非标准方法 ::-webkit-scrollbar 来创建自定义滚动条。

用CSS实现分页符,控制Web网页打印时自动强制分页:page-break-after教程
by ourjs keys css 前端 1584458417362


page-break-after可以实现强制分页,比如始终在<footer>元素后插入分页符, @media print 表示这段CSS只在打印时起作用。

@media print {
footer {page-break-after: always;}
}

 近期热门 - 点击最多
  1. node.js中用typescript连接mongodb数据并设置断开后自动重启连接
  2. git 将本地仓库关连并push远程
  3. 在Windows10上创建node.js开机启动脚本服务Task Scheduler failed to start: Error Value: 2147943711.
  4. OpenSSL创建自签证书,Node.JS启动HTTPS服务器
  5. Windows和MacOS获取当前Active Directory域的用户名和AD服务器域名
  6. JavaScript通过toLocalString格式化format各个国家本地日期时间
  7. puppeteer窗口最大化及改变窗口大小
  8. 使用node.js\Express\TypeScript\Nodemon和EsLint创建项目,并通过babel导入import绝对路径
  9. Rust 中的闭包及捕获上下文环境变量使用和更改及闭包的引用
  10. Flex布局基础概念及入门实例教程

  全端社区 - 最新回复
  1. Excel/Word/PPT中通过VBA连接本地Access数据库
  2. Node.JS与USB接口通信:检测U盘/移动硬盘插拔事件和发送接数据
  3. 软RAID管理命令mdadm详解:管理Linux磁盘阵列组
  4. JavaScript通过clipboard剪贴版将数据从Excel表格复制到网页Table中
  5. puppeteer等自动化测试框架如何判断CSS动画结束animation end
  6. Rust 中的闭包及捕获上下文环境变量使用和更改及闭包的引用
  7. 使用node.js\Express\TypeScript\Nodemon和EsLint创建项目,并通过babel导入import绝对路径
  8. node.js中用typescript连接mongodb数据并设置断开后自动重启连接
  9. git 将本地仓库关连并push远程
  10. 在Windows10上创建node.js开机启动脚本服务Task Scheduler failed to start: Error Value: 2147943711.

  开源的 OurJS
OurJS开源博客已经迁移到 OnceOA 平台。

  关注我们
扫一扫即可关注我们:
OnceJS

OnceOA