1. 頁(yè)面頂部陰影

body:before{content: "";position: fixed;top:-10px;left: 0;width: 100%;height: 10px;box-shadow: 0px 0px 10px rgba(0,0,0,.8);z-index: 100; }

2. 給 body 添加行高

你不需要分別添加 line-height 到每個(gè)p,h標(biāo)記等。只要添加到 body 即可：

body {line-height: 1;}

line-height:1; 的意思是 根據(jù)該元素本身的字體大小 設(shè)置行高 比如該元素字體是15px line-height:1; 的行高就是15px;?

3. 所有一切都垂直居中

html, body {height: 100%;margin: 0;}body {-webkit-align-items: center; -ms-flex-align: center; align-items: center;display: -webkit-flex;display: flex;}

看情況而定，不是很實(shí)用；

?

轉(zhuǎn)載于:https://www.cnblogs.com/QianBoy/p/8150671.html

總結(jié)

以上是生活随笔為你收集整理的2017年总结的前端文章——CSS高级技巧汇总的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。