css
11篇文章 · 0订阅
  • 8则未必知道且超级实用的纯CSS布局排版技巧 | 网易四年实践
    开发每一张网页都离不开布局排版，基于良好布局排版打下基础，才能使后续的开发更顺利。今时不同往日，现代CSS属性能更好地快速实现各种布局排版，节约更多时间去摸鱼
    前端 HTML CSS
    8则未必知道且超级实用的纯CSS布局排版技巧 | 网易四年实践
  • CSS 实现多行文本“展开收起”
    多行文本展开收起是一个很常见的交互， 如下图演示 实现这一类布局和交互难点主要有以下几点 位于多行文本右下角的“展开收起”按钮 “展开”和“收起”两种状态的切换 当文本不超过指定行数时，不显示“展开收
    CSS
    CSS 实现多行文本“展开收起”
  • 字节跳动最爱考的前端面试题：CSS 基础
    display 设置了 none 属性会隐藏元素，且其位置也不会被保留下来，所以会触发浏览器渲染引擎的回流和重绘。 不会，因为 BFC 是页面中一个独立的隔离容器，其内部的元素不会与外部的元素相互影响，比如两个 div，上面的 div 设置了 float，那么如果下面的元素不是…
    CSS 面试
    字节跳动最爱考的前端面试题：CSS 基础
  • 10 个 GitHub 上超火的 CSS 奇技淫巧项目，找到写 CSS 的灵感！
    一般人没事的时候刷刷朋友圈、微博、电视剧、知乎，而有些人是没事的时候刷刷 GitHub ，看看最近有哪些流行的项目。 久而久之，这差距就越来越大，因此总会有开源信息的不对称，有哪些优秀的前端开源项目值得学习的也不知道。 初步前端与高级前端之间，最大的差距可能就是信息差造成的。 …
    CSS GitHub
    10 个 GitHub 上超火的 CSS 奇技淫巧项目，找到写 CSS 的灵感！
  • 五个有用易忽略的 CSS 属性
    分享一些容易忽略的CSS属性，在此之前，没有人告诉我这些属性的存在。 也许你们和我不一样，已经了解了这些属性，让我们一起来看看。 使用属性user-select，并且将它的值设置为none，我们可以将一个元素的文本设置为不能被用户选中。 当你不想一个元素的原始内容被复制时，可以…
    CSS
  • 自适应布局方案
    rem（font size of the root element）是指相对于根元素<html>来做计算的字体大小单位。 e.g. 设置html { font-size: 75px }时，其他元素1rem = 75px，4rem = 300px vw是基于viewpo…
    CSS
    自适应布局方案
  • 最强大的 CSS 布局 —— Grid 布局
    Grid 布局即网格布局，是一种新的 CSS 布局模型，比较擅长将一个页面划分为几个主要区域，以及定义这些区域的大小、位置、层次等关系。号称是最强大的的 CSS 布局方案！！
    CSS
  • 【合集】前端图片解决方案
    最近做了很多业务都涉及到了图片相关的内容，因此 leader 建议我整理下业务上常用的图片相关内容，方便组内同学再遇到相同问题时有对应的解决思路，也由此得出了此文，希望也能给遇到相关问题的同学有所帮助。 本文是从用户操作习惯上对图片方案进行分类编写，从上传、下载最后到展示以及其…
    前端
  • 十大酷炫屌的图像悬停特效
    本文阿宝哥将给大家介绍十个 「“酷炫屌"」 的图像悬停效果，希望阿宝哥精心录制的十个 Gif 动画能让大家眼前一亮，当然更希望这些特效能给大家设计图片悬停效果带来一些 「”灵感“」。 在日常工作中，如果小伙伴们也想实现图片悬停特效，阿宝哥推荐一个 Github 上的一个可扩展的…
    前端 动效
    十大酷炫屌的图像悬停特效
  • CSS基础知识
    一个人至少拥有一个梦想,有一个理由去坚强。 多组属性值之间用;隔开。 style标签一般位于head标签中，当然理论上他可以放在HTML文档的任何地方。 type="text/css" 在html5中可以省略。 标签选择器 可以把某一类标签全部选择出来 比如所有的div标签 和…
    前端
    CSS基础知识