CSS 可以使用多种方式来写,其中一种方法是将整个样式表压缩成一行。这种方法通常被称为 “单行 CSS” 或 “压缩 CSS”。使用单行 CSS 的主要好处是它可以减少文件大小,这对于网页的性能和加载时间非常重要。
body{margin:0;padding:0;background:#F2F2F2;font-family:"Helvetica Neue",Arial,sans-serif}header{height:80px;background:#333;color:#fff;text-align:center;display:flex;align-items:center}h1{font-size:2rem;margin:0}nav{flex:1}ul{list-style:none;display:flex;justify-content:flex-end;margin:0}li{margin-left:20px}a{color:#fff;text-decoration:none}
在单行 CSS 中,大家通过删除不必要的空格和注释来将整个样式表压缩成一行。虽然这种方式可读性较差,但如果仅用于压缩样式表的目的,它是一种有效的方法。