ssigin的博客

标题

【代码】【无标题】

于是二倍图就诞生了，用来解决这个问题，我们首先拿到一个100 * 100px得图片，把这张图片压缩成50 * 50px，然后把这张图片放到移动端中，在移动端中会把这张50 * 50px的图片放在一个100 * 100物理像素的区域（这个区域对应的css像素是50px * 50px)，会把这个图片放大两倍，刚好就是这张压缩图片的原图，就会显示的非常清晰。在全屏模式下，视口是设备屏幕的范围，窗口是浏览器窗口，浏览器窗口大小小于或等于视口的大小，并且文档是这个网站，文档的大小可比视口长或宽。注意：是网站的区域。

nth-of-type和nth-child

给两个伪元素添加hover标签，当标签被触动时，两个元素同时往右移动，加上transition属性即可实现效果。前端的一个小练习，运用到了伪元素+过渡+绝对定位+相对定位+元素隐藏。添加两个伪元素，让before覆盖在标签上，让left在标签的左边。结尾有素材，各位感兴趣可以练一下。设置一个标签和图片大小一样。

行高 line-height