css
32篇文章 · 0订阅
  • 何谓高质感，FWidget
    FWidget 是由【阿里巴巴-飞猪-FliggyMobile技术团队】 开发的系列组件库， FWidget 始终奉行 "用心提供精致的组件，助您构建精美的应用" 的信念，力图为开发者们提供一套精致易用的组件库，帮助开发者们更易构建出精彩绝伦的应用。 迄今为止， FWidget…
    Flutter
    何谓高质感，FWidget
  • contenteditable跟user-modify还能这么玩🌚
    假如... 把该属性加在style元素上呢😍，是不是就可以在页面上直接编写样式并且自带"热更新"？因此有如下代码：
    CSS
  • web app 一分钟适配 iPhone X
    1. 默认全屏 在 viewport 的 meta 属性中，添加 viewport-fit=cover 即可。 viewport-fit 默认值为 auto/contain，全屏值为cover，是不是感觉很熟悉？嗯，和 background-size 以及 object-fit…
    • iDo
    • 7年前
    • 8.7k
    • 10
    前端 安全 iOS
  • 利用CSS改变图片颜色的100种方法！
    你以为这些是经过PS软件处理出来的？不不不，纯粹的是用css写出来的，很神奇把。 CSS滤镜（filter）属提供的图形特效，像模糊，锐化或元素变色。过滤器通常被用于调整图片，背景和边界的渲染。 MDN CSS标准里包含了一些已实现预定义效果的函数。 调整图像的对比度。 给图像…
    CSS
    利用CSS改变图片颜色的100种方法！
  • CSS 技巧一则 -- 不定宽溢出文本适配滚动
    在日常布局当中，肯定经常会遇到文本内容超过容器的情况。非常常见的一种解决方案是超出省略。 这种情况下，在容器定宽但是文本又溢出且不能换行的情况下，我们就需要寻求另外的解决方案。 当然，这种方法简单但是可能缺乏点用户体验。 我们先假设一下，我们的容器的宽度如果是固定的，但是不确定…
    CSS 前端
    CSS 技巧一则 -- 不定宽溢出文本适配滚动
  • （05）CSS 给文本加样式：① 字体属性 | CSS
    前言： 作为 Web 页面最基本的组成部分，“文本”的重要性不言而喻。对于“文本”来说，我们需要掌握两个与之相关的属性——“字体属性”和“文本属性”。 CSS 文本属性：主要定义“文本”的外观——如缩进和水平对齐、垂直对齐、字间隔和字母间隔、文本转换、文本装饰、文本阴影、处理空…
    CSS
    （05）CSS 给文本加样式：① 字体属性 | CSS
  • 探索CSS单行文字居中，多行文字居左的实现方式
    琢磨了一下，当时我还真按照产品经理的逻辑，通过js判断一下文字的高度，如果超过一行，就添加一个类名，而且这样的文字很多地方都有，所以还做了遍历，还有最重要的一点是关于方法执行的时机，有可能刚加载的时候高度还获取不到（当时好像还用了定时器，还造成了先居中随后居左跳动的现象）...…
    CSS
    探索CSS单行文字居中，多行文字居左的实现方式
  • 2025新春版：干货满满!如何优雅简洁地实现时钟翻牌器(支持JS/Vue/React)
    数字翻牌的典范教学，从原理学起，涵盖多个关键知识点。Javascript、React、Vue版本任你挑选！
    JavaScript React.js Vue.js
    2025新春版：干货满满!如何优雅简洁地实现时钟翻牌器(支持JS/Vue/React)
  • 你知道却不常用的HTML标签（一）
    作为了一个前端 帅小伙/靓姑娘，开发的时候总是会和 HTML 标签打交道。一来二往的就熟悉的开始使用 div + css 的布局了，今天介绍一篇很早以前就出现，但是没有太多人（我认识的人使用的不是很多）使用的HTML的其它标签，赶快来认识它们吧。 HTML <pre> 元素表示…
    HTML
    你知道却不常用的HTML标签（一）
  • CSS3 object-fit 和 object-position
    最近一直忙于将 JavaScript 学习的笔记整理成电子书，也没什么空闲时间写新的文章。趁着今天有点空闲，决定再来折腾一下 CSS3 中的两个属性：object-fit 和 object-position。 这两个奇葩的属性是搞毛的呢？其实它们是为了处理替换元素（replaced ele…
    CSS 前端