首页»HTML/CSS
  • 原生 CSS 网格布局学习笔记

    发表于:2016-12-10阅读510次0条评论

    以下是来自Oliver Williams的帖子. Oliver已经学习了相当长时间的原生CSS网格,可以说是在CSS网格方面有一定的发言权。在这篇文章中,他将以非同寻常的思路分析自己的CSS网格布局学习之路。我比较赞同他的想法,就是学习一门新技术的时候,把它们拆分成比较小的单元块并配上实例,一步一步的学习。这比直接学习网格布局的所有东西要好太多了。

  • 最近有一个关于CSS的话题“既然写CSS很容易,那为什么大家还是把CSS写的那么烂呢?”。对于这样的话题,大家或许觉得没有什么,顶多也就是各种槽点。但事实上,在天朝CSS很多时候是不被看好,相比国外的同行,很少有人在专研CSS领域。这也造成,能写好CSS的同学不多,甚至说越来越少。

  • Bootstrap 4: 对比普通网格和 Flexbox 网格

    发表于:2016-12-02阅读582次0条评论

    我们都熟悉 Bootstrap 3 的风格系统,而 Bootstrap 4 带来了一些网格系统的变化。其中包括新的 XL 网格等级,一些修饰类的变化,以及一个全新的 flexbox 版本的网格系统。

  • 15 个有趣的 JavaScript 与 CSS 库

    发表于:2016-12-02阅读347次0条评论

    在十一月份的前端技术列表中,我们整合了一些令人感到惊叹的 GitHub 项目,其中包含了新的 CSS 框架、node.js包管理器,以及用于实现图标、加载效果、工具提示的纯 CSS 解决方案。

  • W3C推荐使用HTML 5.1

    发表于:2016-11-04阅读904次1条评论

    Web平台工作组发布了HTML5.1的W3C建议书。本规范定义了万维网核心语言第五个主要版本的第一次次要修订。在这个版本中,加入了新的特性以帮助Web应用程序作者的开发,基于当前开发实践引入了新的元素,持续关注用户代理定义的一致性,来改善交互体验。

  • css 实现竖直居中的 N 种场景及 N 种方法

    发表于:2016-10-17阅读905次1条评论

    刚开始工作的时候,css 里的竖直居中一直是个老大难问题。每次用到的时候都去网上搜,搜,搜,半天才搜到合适的解决方法。然后下次遇到,呃,又忘了~

  • 理解并运用 CSS 的负 margin 值

    发表于:2016-10-17阅读501次0条评论

    你的网页中,不可能没有使用过 margin。大多数情况下,我们采用的都是正数的 margin 值,可能有时候会用到负的 margin 值。在我们的印象中,负的 margin 值就类似于浏览器的 hack 一样,不被人接受。但是,本文要说明的就是,负的 margin 值并不是 hack,这是正常范围内的写法。

  • CSS中强大的EM

    发表于:2016-10-17阅读224次0条评论

    这篇教程将引导大家如何使用“em”来创建一个基本的弹性布局,从而学习其如何计算?又是如何使用“em”对层进行弹性扩展?又是如何扩展文本和图像等内容?下在我们就一起带着这些问题开始今天的“em”之行。

  • HTML5新增及移除的元素

    发表于:2016-10-12阅读429次0条评论

    HTML经过10多年的发展,其元素经历了废弃与不断重新定义的过程。为了更好的处理现在的互联网应用,HTML5新增了图形绘制、多媒体播放、页面结构、应用程序存储、网络工作等新元素。

  • 那些不推荐使用的html标签

    发表于:2016-10-12阅读803次0条评论

    那些不推荐使用的html标签

  • 史上最强大的40多个纯CSS绘制的图形

    发表于:2016-10-09阅读1313次0条评论

    今天在国外的网站上看到了很多看似简单却又非常强大的纯CSS绘制的图形,里面有最简单的矩形、圆形和三角形,也有各种常见的多边形,甚至是阴阳太极和网站小图标,真的非常强大,分享给大家。

  • 使用CSS完成元素居中的七种方法

    发表于:2016-10-03阅读825次1条评论

    在网页上使 HTML 元素居中看似一件很简单的事情. 至少在某些情况下是这样的,但是复杂的布局往往使一些解决方案不能很好的发挥作用。

252篇文档«12345678...21»