css
16篇文章 · 0订阅
  • 我收藏的这 100 + 个”杀手级“网站，你用过几个？
    前端开发者必须要知道的 50 +个”杀手级“网站，你用过几个？本文主要推荐笔者日常使用的一些工具网站，个个精品，亲测好用，童叟无欺！好东西，就是要分享才有价值，同时也作为自己的工具备忘录，会不断更新。
    前端 掘金·金石计划
    我收藏的这 100 + 个”杀手级“网站，你用过几个？
  • 还在迷茫于前端如何入门和进阶？万字指南让你不再迷茫！
    我经常会看到很多同学在学习前端的时候比较迷茫，不知道到底应该以怎样的学习路线来入门和进阶前端领域。每次遇到这种问题我也会分享一下自己的学习经验，但是发现这是一个问得非常多的一个共性问题。 作为程序员，肯定是不能容忍重复无味的劳动的，因此我就系统地总结分享一下我的前端学习路线，希…
    JavaScript 前端
    还在迷茫于前端如何入门和进阶？万字指南让你不再迷茫！
  • 落魄前端，整理给自己的前端知识体系复习大纲（上篇）
    转眼间9月的到来，十分感慨这时光的飞逝。9月对程序员有着十分重要的意义，想在这个优胜劣汰的代码世界活下去，金3银4，金9银10，都属于选择的机会。 在这优势略汰且经济回陇的状态下，笔者身处央企如今也开始考虑自己工作的问题，我们可以选择的只能是，逐步的打好自己的基础，才能在不安稳…
    JavaScript
  • 使用这种技巧，可以大大地提高前端布局效率
    在布局中，对于每块功能的 DOM 结构，我们一般使用一个带有 wrapper 类元素把它包裹起来，让代码或者网页内容更易于阅读。为此，我们一般使用wrapper 或者 container。在CSS 中使用wrapper可能有多种方式，这些方式中，有些会带来一些问题。 在本文中，…
    CSS JavaScript
  • 自适应布局方案
    rem（font size of the root element）是指相对于根元素<html>来做计算的字体大小单位。 e.g. 设置html { font-size: 75px }时，其他元素1rem = 75px，4rem = 300px vw是基于viewpo…
    CSS
    自适应布局方案
  • 「一劳永逸」48张小图带你领略flex布局之美
    48张图带你从0到1掌握flex布局方式。 需要本文的Xmind导图的话，移步公众号--前端UpUp,回复flex关键字即可。 从上面图来看，我们将flex布局分为两部分讲，轴和容器。 打个预防针，flex布局涉及到12个CSS属性，父容器,子容器各6个。 接下来先梳理常见的属…
    flexbox CSS
    「一劳永逸」48张小图带你领略flex布局之美
  • 吐血整理的前端代码规范系列 -- css规范
    BEM规范是一种主流的css命名规范，BEM分别对应的是block ， element 和 modifier，为的是结束混乱的命名方式，达到一个语义化的CSS命名方式。 在BEM规范中，block（块）表示一个组件的意思，假设你要写一个按钮的组件，只需要设置一个 .button…
    CSS
  • 面试之道之 CSS 基础
    本篇连载中，主要收集 CSS 的入门知识，当然大家可在评论区给出一些问题（及答案），我会慢慢完善这块知识（虽然知道这块知识永远写不完，可那又有什么关系）。我知道这条路会很长，一步一步走呗，怕什么！ 主要考察标准 W3C 盒子模型与 IE 盒子模型中，属性 width、heigh…
    面试
    面试之道之 CSS 基础
  • 面试之道之 CSS 布局
    浮动主要考察为什么清除浮动和如何清除浮动的问题。 浮动场景：通常对于块级元素我们是不设置高度的（天知道以后会不会加内容，另外设置了高度会带来显示问题），块级元素的高度是靠子元素内容撑开的。这时，子元素设置浮动，子元素就会脱离文档流，此时父元素的高度就不能靠子元素内容撑开了，就会…
    CSS
    面试之道之 CSS 布局
  • 几种常见的CSS布局
    其中实现三栏布局有多种方式，本文着重介绍圣杯布局和双飞翼布局。另外几种可以猛戳实现三栏布局的几种方法 对于第一种，先通过对header,content,footer统一设置width：1000px;或者max-width：1000px(这两者的区别是当屏幕小于1000px时，前…
    GitHub CSS 前端