tinyshare微博账号

标签:css

酷炫的border-radius,可以做更多的事 十月 18, 2018

border-radius这个css属性,相信都不陌生。但是,你知道它可以设8个值吗?一般,常用的场景下,border-radius都是设置成一个属性,如:10px 或 30%。这篇文章会讲述border-radius一个不常用的特性,利用这个特性可以做出很炫酷的边框效果,你可以...

「 我是如何记住CSS Grid的属性的 」 十月 18, 2018

CSS Grid布局是CSS中一个强大的布局系统,与Flex不同,Grid是一个基于网格的二维布局方式,你可以同时处理行和列的结构。Grid的强大决定了Grid有很多的属性,每个属性又有多个属性值,所以要记住这些属性并能灵活运用不是一件简单的事。作者在该文中介绍了他是怎么记住这些...

维护CSS代码的关键:排序(order) 十月 31, 2018

CSS作为软件开发中的二等公民,它被设计用来显示内容并设定样式排版。然而开发者们经常会为了一堆杂乱的CSS代码头疼,维护这种CSS代码的时候,有时候不知道如何下手,生怕改一个属性就会引起不知道的bug。文中讲述了一种写出可维护的CSS代码的方法,就是为CSS属性进行排序。作者排序...

web性能101 十一月 3, 2018

web性能为什么重要?加载很慢的网站会让人很不舒服;web性能直接影响你的产品;什么样的网站算是快的网站?加载快;运行快(动画不掉帧,滚动很顺滑等);服务器响应时间短;应用加载和渲染的很快。文中介绍了几种提升网站加载和渲染速度的方法:JavaScript。JavaScript通常...

如何使用模块结构组织CSS代码 十一月 3, 2018

作者是一个乐高爱好者,他将CSS代码的模块化类比于乐高的模块。作者介绍了三个CSS模块化的方法:OOCSS、BEM和SMACSS。OOCSS(Object Oriented CSS)是一种以专注于弹性可复用的组件设计,每个组件专注于做一个事并且做好。它可以让组件满足单一职责准则、...