• 五个最新的CSS特性以及如何使用它们

    虽然CSS简单,但CSS是一门非常有意思的语言,CSS每年都有变化,而且都有不同的博主都在不同的时间段总结一些CSS的新特性。虽然这些新特性无法立刻得到众多浏览器的支持,但总是随着时间的发展,这些特性都会得到浏览器的支持。哪怕未得到支持,也有一些方法让浏览器支持,比如最为出外的cssnext,就可以让很多未来的CSS特性就立马使用,并且不用花太多时间来考虑浏览器的兼容性。

    2018-07-28 2.17K 0 0
  • 图解CSS Flexbox布局

    对于Flexbox的初学者,都希望知道Flexbox能做什么?时至今日,互联网上有关于Flexbox的教程绫罗满目,参差不齐。在这种情形之下,对于初学者而言并不是一件好事。那么今天这篇文章中所展示的插图,有助于初学者更好的掌握Flexbox的知识。当然对于有一定基础的同学,也能更好的加强其对Flexbox的印象和理解。

    2018-07-18 1.79K 0 0
  • CSS布局指南

    在过去几年中,CSS布局已经发生了巨大的变化,现在我们开发网站的方式也发生了巨大变化。现在我们有需要可选的CSS布局方式来开发我们的网站,这也就要求我们对这些方式能作出正确而双合适的选择。在这篇文章中,将会介绍各种CSS布局的基本使用方式以及使用的目的。

    2018-07-13 1.42K 0 0
  • CSS世界中那些说起来很冷的知识

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

    2018-07-12 37 0 0
  • CSS自定义属性使用指南

    CSS自定义属性有很大的潜力可以改变我们编写和组织 CSS 的方式,并且在一定程度上改变 JavaScript 与 UI 组件的调用方式。我并不关心语法和它们的工作方式(为此,我建议你阅读“《是时候开始使用自定义属性》这篇文章。同时我想更深入地研究如何充分使用 CSS 自定义属性。

    2018-07-08 938 0 0
  • 使用CSS渐变绘图

    这里所说的绘制是指CSS图像,即使用HTML元素和CSS属性绘制的图像。它们看起来像是Adobe Illustrator绘制的svg,但它们是在浏览器中渲染出来的。

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

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

    CSS3 2018-06-22 33 0 0
  • 一个制作Web图案的组件:css-doodle

    Web中使用一些图案做为背景图案是一种时常可见的,早期一般都是通过图片来完成。直至CSS一些新特性更趋成熟和稳定的时候,会通过CSS的相关技术,比如CSS的渐变属性配合background-size之类的来做一些复杂而又美观的Web图案,运用于background-image之中。

    2018-06-22 1.38K 0 0
  • 结合SEM和BIO来改进CSS

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

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

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

    CSS3 2018-06-08 25 0 0
  • CSS动画:animation、transition、transform、translate傻傻分不清

    在平时开发过程中,由于都是自己捣鼓玩的项目,并没有UI设计给我的设计图,更没有什么特效要求,导致对css动画一直都不是很熟悉,但是作为即将进入实习单位的萌新程序员,要时刻准备着设计师要求的各种动画,于是有了这一篇文章。

    CSS3 2018-06-05 86 0 0
  • CSS实现宽高等比例自适应矩形

    今天遇到一个很有趣的问题:如何实现一个宽度自适应,高度为宽度的一半的矩形。经过搜索引擎的筛选和自己的反复试验,发现使用padding-bottom是最完美的解决方案。

    2018-05-25 2.72K 0 0