小东西儿
  • 首页
  • 前端知识
  • 工具教程
  • 文章转载
  • 生活相关
  • 新闻热点
  • 关于
css
前端知识

CSS八种让人眼前一亮的HOVER效果

一.发送效果 HTML <div id="send-btn"> <button> // 这里是一个svg的占位 Send </button> </div> CSS #send-btn{ display: flex; align-items: center; justify-content: center; height: 100vh; } button { background: #5f55af; border: 0; border-radius:…

2020年08月24日 0条评论 141点热度 0人点赞 阅读全文
前端知识

只要一行代码,实现五种 CSS 经典布局

常用的页面布局,其实就那么几个。下面我会介绍5个经典布局,只要掌握了它们,就能应对绝大多数常规页面。 这几个布局都是自适应的,自动适配桌面设备和移动设备。代码实现很简单,核心代码只有一行,有很大的学习价值,内容也很实用。 我会用到 CSS 的 Flex 语法和 Grid 语法,不过只用到一点点,不熟悉的朋友可以先看看教程链接,熟悉一下基本概念。每一个布局都带有 CodePen 示例,也可以到这个网页统一查看。 本文是跟极客大学合作的前端学习讲座的一部分,详见文末说明。 一、空间居中布局 空间居中布局指的是,不管容器…

2020年08月10日 0条评论 149点热度 1人点赞 阅读全文
前端知识

20个 CSS 快速提升技巧

作者:web秀 http://www.javanx.cn/20190321/css-skill/ 本文涵盖了20个css技巧,可以解决许多工作中常见的问题。 1、使用CSS重置(reset) css重置库如normalize.css已经被使用很多年了,它们可以为你的网站样式提供一个比较清晰的标准,来确保跨浏览器之间的一致性。 大多数项目并不需要这些库包含的所有规则,可以通过一条简单的规则来应用于布局中的所有元素,删除所有的margin、padding改变浏览器默认的盒模型。 *{ box-sizing:border…

2020年07月25日 0条评论 137点热度 0人点赞 阅读全文
前端知识

巧用 display: contents 增强页面语义

display: contents 是一个比较陌生的属性,虽然属于 display 这个基本上是最常见的 CSS 属性,但是 contents 这个取值基本不会用到。但是它早在 2016 年就已经得到了 Firefox 的支持。 本文将深入一下这个有意思的属性值。 基本用法 根据 W3C 对 display: contents 的定义。 The element itself does not generate any boxes, but its children and pseudo-elements still…

2020年05月28日 0条评论 96点热度 0人点赞 阅读全文

王永杰

春有百花秋有月,夏有凉风冬有雪;
若无闲事挂心头,便是人间好时节。

公众号
搜索
日志日历
2021年三月
一 二 三 四 五 六 日
1234567
891011121314
15161718192021
22232425262728
293031  
« 2月    
文章归档
  • 2021年二月
  • 2021年一月
  • 2020年十二月
  • 2020年十一月
  • 2020年十月
  • 2020年九月
  • 2020年八月
  • 2020年七月
  • 2020年六月
  • 2020年五月
  • 2020年四月
  • 2020年三月
  • 2020年二月
  • 2020年一月
  • 2019年十二月
  • 2019年六月
  • 2019年五月
  • 2019年三月
  • 2019年一月
  • 2018年六月
  • 2018年五月
  • 2018年四月
  • 2017年十一月
  • 2017年八月
  • 2000年四月
  • 1992年四月
  • 1984年七月
分类目录
  • MacApp (2)
  • 前端知识 (74)
  • 工具教程 (42)
  • 文章转载 (54)
  • 新闻热点 (4)
  • 未分类 (4)
  • 生活相关 (4)
  • 科技爱好者周刊 (24)
标签聚合
小程序 工具 移动端 jQuery样式篇 animation 插件 浏览器 css WordPress github javascript 微信小程序入门教程 首字母 MWeb 掘金 主题 工具教程 CSS3 url Chrome Markdown jQuery 前端知识 图床 jQueryDOM篇 mac 转载 生活相关 vue 启服务 现实篇 去哪儿网 jQuery事件篇 git Chevereto 新闻热点 阮一峰 慕课网 Typecho 科技爱好者周刊
与我相关
  • 图片托管
  • 网址导航
  • 网络办公
  • 网络文档
  • 网络硬盘
  • 谷歌网盘
售域名

COPYRIGHT © 2020 小东西儿. ALL RIGHTS RESERVED.

THEME KRATOS MADE BY VTROIS

京ICP备19041477号