摘要：
原文地址：https://segmentfault.com/a/1190000014837536 感想： 网格grid 又来了； fr ： （剩余空间长度）单位， 1.当(50px,nfr),nfr代表除50px剩余的长度， 2.当(nfr,mfr), 长度之比 n:m ; n+m=总长度。 HTM 阅读全文
|
摘要：
原文地址：https://segmentfault.com/a/1190000014837536 感想： 网格grid 又来了； fr ： （剩余空间长度）单位， 1.当(50px,nfr),nfr代表除50px剩余的长度， 2.当(nfr,mfr), 长度之比 n:m ; n+m=总长度。 HTM 阅读全文
摘要：
原文地址：https://segmentfault.com/a/1190000014836748 感想： 把原元素隐藏，利用伪元素::before 和 ::after 各取上下一半 clip-path 切割图片 HTML代码： CSS代码： 阅读全文
摘要：
改版的时候更方便，只需改css文件。 页面加载速度更快、结构化清晰、页面显示简介。 表现与结构相分离。 已于优化搜索引擎更友好，排名更容易靠前。 阅读全文
摘要：
IE:trident 内核 Firefox（火狐）：gecko 内核 Safari:webkit 内核 Opera（欧朋）:以前是 presto 内核，Opera 现已改用 Google Chrome 的 Blink 内核 Chrome（谷歌）:Blink(基于 webkit，Google 与 Op 阅读全文
摘要：
原文地址：https://segmentfault.com/a/1190000014818274 感想： positon：absolute 和 :hover HTML代码: CSS代码： 阅读全文
摘要：
效果地址：https://codepen.io/flyingliao/pen/ebjEMm?editors=1100 HTML代码： CSS代码： 阅读全文
摘要：
原文地址：https://segmentfault.com/a/1190000014807564 感想： 这个特效不难，但是这想法可能想不到，哈哈，怎么又废了。 HTML代码： CSS代码： 阅读全文
摘要：
原文地址：https://segmentfault.com/a/1190000014785816 感想：边框是伪元素::after来的； HTML代码： CSS代码： 阅读全文
摘要：
原文代码：https://segmentfault.com/a/1190000014768534#articleHeader1 HTML代码： CSS代码： 阅读全文
摘要：
原文地址：https://segmentfault.com/a/1190000014751037 HTML代码: CSS代码： 阅读全文
|