• 兼容iphone x刘海的正确姿势

    9月13日凌晨终于等来了万众瞩目的苹果新品发布会,相信很多小伙伴们都期待新 iphone 可以剪掉刘海胡子,但万万没想到的是等来了三款不同的尺寸的 iphone x ,我的天,等了这么久你给我看这个?码农慌得一批满地找新 iphone 的逻辑像素,然后想着怎么兼容这刘海和胡子。

    CSS3 2018-09-27 67 0 0
  • 一次搞懂CSS 字体单位:px、em、rem 和 %

    对于绘图和印刷而言,「单位」很相当重要的,然而在网页排版里,单位也是同样具有重要性,在CSS3 普及以来,更支援了一些方便好用的单位( px、em、rem.. .等),这篇文章将整理这些常用的CSS 单位,也帮助自己未来在使用上能更加得心应手。

    2018-09-26 103 0 0
  • CSS实现水平垂直居中的1010种方式(史上最全)

    要实现上图的效果看似很简单,实则暗藏玄机,本文总结了一下CSS实现水平垂直居中的方式大概有下面这些,本文将逐一介绍一下,我将本文整理成了一个github仓库,欢迎大家star

    2018-09-20 273 0 0
  • 彻底搞懂word-break、word-wrap、white-space

    white-space、word-break、word-wrap(overflow-wrap)估计是css里最基本又最让人迷惑的三个属性了,我也是用了n次都经常搞混,必须系统整理一下,今天我们就把这三个属性彻底搞清楚!

    2018-09-02 28 0 0
  • 深入理解贝塞尔曲线

    贝塞尔曲线(Bezier Curve)在计算机图形领域应用非常广泛,比如我们熟知的 CSS 动画、 Canvas 以及 Photoshop 等都可以看到贝塞尔曲线的身影。

    2018-08-30 97 0 0
  • 滚动视差?CSS 不在话下

    视差滚动(Parallax Scrolling)是指让多层背景以不同的速度移动,形成立体的运动效果,带来非常出色的视觉体验。 作为网页设计的热点趋势,越来越多的网站应用了这项技术。

    CSS3 2018-08-11 72 0 0
  • CSS奇淫技巧(二)

    拖更很久,各位小哥哥、小姐姐别介意,今天本来会死在襁褓(草稿待了一个月)中的 不定期更新的CSS奇淫技巧(二)终于出来了,本文可能会水份居多,如有问题欢迎提议我会逐步榨干它 七、C…

    CSS3 2018-08-02 26 0 0
  • 神奇的选择器 :focus-within

    CSS 的伪类选择器和伪元素选择器,让 CSS 有了更为强大的功能。

    CSS3 2018-08-02 88 0 0
  • CSS世界中那些说起来很冷的知识

    css有很多奇妙的地方,在某些特性当初被设计出来的时候可能只是为了某些图文排版而生

    2018-07-12 50 0 0
  • 如何利用vw+rem进行移动端布局

    因为在公司,只有一个前端,在做移动端布局的时候。利用px进行布局,发现,需要进行各种手机的适配。所以在开发第二版的时候,想着引用lib-flexible库(即手淘的方案),询问了上一家公司的同事,会有一些字体和一些诡异的问题。在无意中,突然一个网友跟我说,他有一个很好用的适配方案。利用vw+rem。听着他分析了一把,感觉还不错,所以大胆尝试了一把

    CSS3 2018-06-22 51 0 0
  • 结合SEM和BIO来改进CSS

    有人可能会说,CSS很简单,但是“容易”会导致代码混乱。在大家的眼里,使用像Sass或LESS这样的处理器会让事情变得更为简单。但事实上并不一定如此,如果你使用的不小心,你的CSS将变得更难处理,而不是更易处理。Sass?困难吗?Sass的嵌套就展示了这一点,使用不当,Sass的嵌套就是地狱。

    2018-06-09 959 0 0
  • CSS奇淫技巧(一)

    一、CSS写自适应大小的正方形 代码: <style type=”text/css”> 以图片为例 background 写法 .img{ width: 100%; h…

    CSS3 2018-06-08 42 0 0