css
7篇文章 · 0订阅
  • 掌握grid布局，用最简单结构实现复杂的页面布局
    本文正在参加「金石计划」 grid布局通常在C端布局用得比较多，非常强大，特别是在响应式布局上也有很大作用，过去我们使用弹性盒子布局，flex布局，通常我们在不改变结构的情况下可以使用grid布局来更
    前端 掘金·金石计划
  • css移动端适配最佳实践
    本文正在参加「金石计划 . 瓜分6万现金大奖」 移动端适配，在移动端里经常有遇到，在不同分辨率移动端设备精确还原UI设计稿，这是一个令人抓狂的问题，好在有flex，box布局解决了自适应很大一部分问题
    前端 掘金·金石计划
    css移动端适配最佳实践
  • 最强大的 CSS 布局 —— Grid 布局
    Grid 布局即网格布局，是一种新的 CSS 布局模型，比较擅长将一个页面划分为几个主要区域，以及定义这些区域的大小、位置、层次等关系。号称是最强大的的 CSS 布局方案！！
    CSS
  • CSS 实现多行文本“展开收起”
    多行文本展开收起是一个很常见的交互， 如下图演示 实现这一类布局和交互难点主要有以下几点 位于多行文本右下角的“展开收起”按钮 “展开”和“收起”两种状态的切换 当文本不超过指定行数时，不显示“展开收
    CSS
    CSS 实现多行文本“展开收起”
  • 详解色彩体系
    人眼与色彩模型 想要搞清楚不同色彩所带来的效果，我们首先需要了解人是如何如何捕捉和感知不同颜色的。 视锥细胞和光波 我们视网膜上有两类感光细胞：视杆细胞和视锥细胞。 视杆细胞与暗视觉有关，它能使我们在
    前端
  • 移动端适配原理与方案详解
    移动端适配是指在不同尺寸的手机设备上，页面能相对达到合理的展示（响应式）或者保持统一效果的等比缩放（看起来差不多）。本文介绍了移动端适配中需要掌握的基本概念和移动端页面开发中常用的适配方案。 一、基本
    前端
  • BEM实战之扒一扒淘票票页面
    BEM是一套CSS国际命名规范，是一个非常有用的功能强大且简单的命名约定，它能使前端代码更易读，易于理解易于扩展。BEM是块（block）、元素（element）、修饰符（modifier）的缩写。 这个搜索框就可以看作一个块Block，这个块里由两个子节点，一个是输入区域in…
    CSS