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. Flex布局基础概念及入门实例教程
  2. 纯CSS实现圆形动画进度百分比饼图Percentage Circle with Animation
  3. puppeteer等自动化测试框架如何判断CSS动画结束animation end
  4. Kubernetes/k8s/docker常用命令实例简单介绍教程
  5. 用Node.JS写一个简单版的类似pm2\forever的守护进程并记录错误日志
  6. MongoDB起步入门教程使用Node.JS的Promise方式查找数据
  7. Node.JS连接MySQL数据库执行增删改查提示ER_NOT_SUPPORTED_AUTH_MODE: Client does not support;如何在@mysql/xdevapi执行SQL
  8. NodeJS在Windows上使用OLE/COM/ActiveXObject对象连接ADODB数据库,操作Application.Excel、运行VBA宏并另存为网页
  9. CSS Grid网格入门实例教程: 强大的动态布局
  10. node.js中async/await不用try/catch,使用error first或go语言方法处理异常

  全端社区 - 最新回复
  1. 一号互联:全场景赋能,助力客户服务提质提效
  2. 小A一号互联,打造全场景一体化智能客服平台
  3. 小A智能客服,让沟通更高效
  4. 一号互联(小A)简介
  5. puppeteer等自动化测试框架如何判断CSS动画结束animation end
  6. 纯CSS实现圆形动画进度百分比饼图Percentage Circle with Animation
  7. Node初学者入门,一本全面的NodeJS教程
  8. Mac解决Node.JS的SSL证书错误:self signed certificate in certificate chain
  9. 在Node.JS中搞懂TypeScript中的Global对象:类型“typeof globalThis”上不存在属性解决办法
  10. 用Node.JS写一个简单版的类似pm2\forever的守护进程并记录错误日志

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

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

OnceOA