Photo by rawpixel.com on Unsplash

你知道『』字有四种写法,但你知道display32种写法吗?今天我们一一道来,让你一次性完全掌握display,从此再也不用对它发愁。

从大的分类来讲,display32种写法可以分为6个大类,再加上1个全局类,一共是7大类:

外部值

所谓外部值,就是说这些值只会直接影响一个元素的外部表现,而不影响元素里面的儿子级孙子级元素的表现。

display: block;

这个值大家不陌生,我们最熟悉的<div>缺省就是这个值,最基本的块级元素,属于css入门初学者都知道的概念,只要是容器类型的元素基本都是这个值。除<div>之外,还有<h1><h6><p><form><header><footer><section><article>天生都是这个值。

display: inline;

这个值大家也不陌生, …


追求极致,步步完善,直到使一个网站达到完美的过程。

“A person drafting a marketing campaign plan in a notebook on their lap” by rawpixel.com on Unsplash

作为一个全栈互联网工程师,我们的目标决不仅仅满足于功能的实现,而且要包括性能、安全、易用性等等各方面的考量。那么是否有一些可以公开评测的标准,使我们能够准确地知道目前我们网站的质量水平在全行业中处于什么样的水平呢?随着技术水平的不断进步,网站评测方面的各种工具也在不断演进。

工具

工欲善其事,必先利其器。

想要知道自己网站的质量水平,凭想像和猜测是不行的,必须要有可以客观衡量的工具。

YSlow

最早做这方面尝试的是2012年诞生于YahooYSlow,但是现在已经逐渐淡出历史舞台。它的名称实际上是英文Why Slow(为什么这么慢?)的缩写,从它的名字你应该能知道它是帮助站长解决网页加载速度的工具。YSlow是一款浏览器插件,可以支持包括Chrome, Firefo

张京

现任北京企办信息技术有限公司技术副总裁。1994年本科毕业于清华大学计算机科学与技术专业;20多年软件开发及项目管理经验;历任亚洲生活网络公司CTO,摩托罗拉软件中心QSE工具经理,融信恒通技术总监,安必信软件公司技术副总裁,微能创投加速器创始人CTO等职。

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store