css
21篇文章 · 0订阅
  • 为什么我不再相信 Tailwind？三个月重构项目教会我的事
    前情提要：我是如何变成 Tailwind 重度用户的 作为一个多年写 CSS 的前端，我曾经深陷“命名地狱”： 什么 .container-title, .btn-primary, .form-ite
    前端 CSS 前端框架
    为什么我不再相信 Tailwind？三个月重构项目教会我的事
  • 最强大的 CSS 布局 —— Grid 布局
    Grid 布局即网格布局，是一种新的 CSS 布局模型，比较擅长将一个页面划分为几个主要区域，以及定义这些区域的大小、位置、层次等关系。号称是最强大的的 CSS 布局方案！！
    CSS
  • CSS 文本超出提示效果
    在 mac 文件管理中有这样一个小细节。 当文件名不超过一行时，完整显示，此时鼠标放上去无任何提示 当文件名超过一行时，出现省略号，此时鼠标放上去提示显示完整文件名。一起看看如何实现吧
    CSS
    CSS 文本超出提示效果
  • 自适应布局方案
    rem（font size of the root element）是指相对于根元素<html>来做计算的字体大小单位。 e.g. 设置html { font-size: 75px }时，其他元素1rem = 75px，4rem = 300px vw是基于viewpo…
    CSS
    自适应布局方案
  • 前端响应式布局原理与方案（详细版）
    响应式布局指的是同一页面在不同屏幕尺寸下有不同的布局。传统的开发方式是PC端开发一套，手机端再开发一套，而使用响应式布局只要开发一套就够，缺点就是CSS比较重。下面是博客网站对不同设备适配后的结果，分别是iPhone5/SE,iphone6/7/8,iphone 6/7/8 p…
    响应式设计
    前端响应式布局原理与方案（详细版）
  • vue中的css深度选择器 :deep(<inner-selector>)、/deep/、>>>、::v-deep 到底是什么？
    如果你希望 scoped 样式中的一个选择器能够作用得“更深”，例如影响子组件，你可以使用深度选择器。
    Vue.js 前端
    vue中的css深度选择器 :deep(<inner-selector>)、/deep/、>>>、::v-deep 到底是什么？
  • 你可能对position和z-index有一些误解
    🧃序言 最近在整理一些很偏的面经题，想起来很久以前被问到的一道题，就是 position 和 z-index 。短短 10min 问了这两个
    CSS 前端
    你可能对position和z-index有一些误解
  • 【基础知识】Flex-弹性布局原来如此简单！！
    布局的传统解决方案是基于盒状模型，依赖 display + position + float 方式来实现，灵活性较差。2009年，W3C提出了一种新的方案-Flex，Flex是Flexible Box的缩写，意为”弹性布局”。Flex可以简便、完整、响应式地实现多种页面布局。下…
    CSS 前端 flexbox
  • vue中令人头疼的element-ui组件默认css样式修改
    修改element-ui组件的默认样式一直是一个老生长谈的话题，在做完公司的一整个项目后，我总结了以下4种修改element-ui默认样式的方法，希望对您有用。 1.使用全局统一覆盖 针对一些通用的、
    CSS 前端 Vue.js
    vue中令人头疼的element-ui组件默认css样式修改
  • 一起搞懂 CSS 水平居中与垂直居中的16个方法
    以上是 CSS 水平居中的 8 种方法。 注：① 子元素 line-height 值为父元素 height 值。② 单行文本。 适应 IE7。 元素高度可以动态改变, 不需再CSS中定义, 如果父元素没有足够空间时, 该元素内容也不会被截断。 IE6~7, 甚至IE8 beta…
    CSS