标签:css

「 我是如何记住CSS Grid的属性的 」

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

维护CSS代码的关键:排序(order)

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

web性能101

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

CSS和网络性能

总体上来说,下面这些是为什么CSS对性能这么重要的原因: 浏览器必须等到渲染树完全渲染才能渲染页面; 渲染树的DOM和CSSOM整合到一起的结果; DOM是阻塞JavaScript渲染的HTML等; CSSOM是所有被应用到DOM上的CSS规则; 可以给JavaScript设置...

前端项目共有的CSS问题

当浏览器应用一个用户交互界面时,一种很好的方式是可以最小化差异和问题,UI是可预测的。想要追踪到所有的差异是比较困难的,所以我将这些共同问题整理成一个列表,为你在做新项目时提供一个简单易用的参考指南。 1.重置button和input元素的背景 当我们添加button时,重置bu...