CSS魔法堂：Flex布局
前言 Flex是Flexible Box的缩写，就是「弹性布局」。从2012年已经面世，但由于工作环境的原因一直没有详细了解。最近工作忙到头晕脑胀，是要学点新东西刺激一下大脑，打打鸡血。 Fle ...
原文：CSS魔法堂：hasLayout原来是这样!
前言 过去一直听说旧版本IE下很多诡异bug均由一个神秘角色引起的，那就是hasLayout。趁着最近突然发神经打算好好学习CSS，顺便解答多年来的疑惑。 hasLayout到底是何方神圣 hasLayout可以简单看作是IE . 中的BFC Block Formatting Context 。也就是一个元素要么自己对自身内容进行组织和尺寸计算 即可通过width height来设置自身的宽高 ， ...
2016-03-18 10:47 0 7877 推荐指数：
相关推荐
CSS魔法堂：Transition就这么好玩
前言 以前说起前端动画必须使用JS，而CSS3为我们带来transition和@keyframes，让我们可以以更简单（声明式代替命令式）和更高效的方式实现UI状态间的补间动画。本文为近期对Transition的学习总结，欢迎各位拍砖。 属性介绍 首先先我们简单粗暴了解 ...
CSS魔法堂：Box-Shadow没那么简单啦:)
前言 说起box-shadow那第一个想法当然就是用来实现阴影，其实它还能用于实现其他好玩的效果的，本篇就打算说说box-shadow的那些事。 二话不说看效果 3D小球 纸张阴影(来 ...
CSS魔法堂：那个被我们忽略的outline
前言 在CSS魔法堂：改变单选框颜色就这么吹毛求疵！中我们要模拟原生单选框通过Tab键获得焦点的效果，这里涉及到一个常常被忽略的属性——outline，由于之前对其印象确实有些模糊，于是本文打算对其进行稍微深入的研究_ Spec是这样描述它的 作用 用于创建可视对象的轮廓(元素 ...
CSS3魔法堂：背景渐变（Gradient）
一、前言 很久之前就了解过CSS3的线性渐变（Linear-Gradient），这段时间决定进一步认知这一特性，以下笔记以便日后查阅。 二、CSS3的各种背景渐变 1. 线性渐变 ...
CSS魔法堂：Position定位详解
一、Position各属性值详解 1. static ：默认值，元素将按照正常文档流规则排列。 2. relative ：相对定位，元素仍然处于正常文档流当中，但可以通过left、top、right和bottom的CSS规则来改变元素的位置 ...
CSS魔法堂：盒子模型简介
本文讨论的是块级盒子(Block-level box)的盒子模型(Box Model) 一、W3C标准的盒子模型 二 ...
CSS魔法堂：再次认识font
一、前言 文字承载着站点内涵，而良好的字体、排版则为用户提供舒适的阅读体验。本文打算对字体稍微深入一下子网页字体的内容，若有纰漏请大家 ...