摘要：
在上一次面试里我遇到了几个问题，一下子没答上来QAQ 我去了解了一下，现在分享给大家 面试题 Q1:为什么设计师给的设计图到前端开发师手里要除以二？ A:像素分为物理像素和逻辑像素，设计师提供的是物理像素，而我们使用的是逻辑像素。 物理像素并不代表css中使用的像素。 如iphone5s的逻辑分辨率 阅读全文
摘要：
我看到有意思的网站喜欢按下F12去看下页面的内容，偶然会在控制台发现一些字有的大有的小，有的红有的绿。 哇！他们怎么做到的？好神奇！我要学会它！QAQ 于是充满好奇心的我，又打开了度娘(●'◡'●) 改变控制台的字体样式 直接分享给你们我理解后的方法啦~ 代码很简单： 1.最简单的例子 consol 阅读全文
摘要：
昨天在知乎上各种看前端的贴，一不小心又学到了个技巧，再次我搬过来和大家分享。 还是同样的问题： 如何让一个div在父元素中居中？ 在上一篇里我们用到了绝对定位position:absolute; 再结合margin的负值实现了居中的效果。 第二种解决办法 在此我们来看下新的方法： html: <di 阅读全文
摘要：
最近在网上看了张鑫旭老师的一个帖子（解决文字和text-decoration:underline下划线重叠问题），收获不小。原文链接（http://www.zhangxinxu.com/wordpress/2016/11/css-text-decoration-underline-skip-over 阅读全文
摘要：
两者的区别 如标题所示，今天我们谈谈rgba和opacity有什么区别？ 这次我又来做一次搬运工了，哈哈(●'◡'●) RGBA是代表Red（红色） Green（绿色） Blue（蓝色）和 Alpha的色彩空间。 R：红色值。正整数 | 百分数 G ：绿色值。正整数 | 百分数 B ：蓝色值。正整数 阅读全文
摘要：
最近公司比较忙，所以一直在赶项目，很久没有更新博客了。 刚才在工作中又遇到了一个问题，下面我来分享一下吧(｡･∀･)ﾉﾞ 问题所在 我写了一个input，他的类型是checkbox，在他的后面接着label标签进行描述。 html如下： <input type="checkbox" checked= 阅读全文
摘要：
box-shadow box-shadow在定义里是这么说的："box-shadow 属性向框添加一个或多个阴影。" 是的，和他的名字一样，这个属性固然是用来制造阴影效果让页面更有立体感的。 语法： 曲线阴影 原理： 给元素本身设置阴影，再利用befor以及after伪类创建元素，给伪类也设置同样的 阅读全文
摘要：
初识calc() 在使用calc（）之前，我也只是听说有这么一个东西，但在用过之后我才发现这个功能其实很实用。 calc()其实就是英文calculate(计算)的缩写，它看起来像个函数吧？ 其实不是，calc()是css3中的一个属性。 什么是calc()？ 使用calc()我们可以动态的来指定元 阅读全文
摘要：
存在问题 今天Nelly分享一个用css制作三角形的技巧~ 那三角形到底怎么做啊QAQ？？？ 不急不急，我们一点一点来。 解决方案 首先我们写一个div: .div1{ height: 100px; width: 100px; border:100px solid ; border-color: r 阅读全文
摘要：
存在问题 问题如标题所说，咱们在给图片设置绝对定位的时候就会遇到无法居中图片的问题。怎么解决？margin:0 auto? 很显然这个时候设置margin是无效的。 解决方案 假设咱们的图片宽度为100px；那我们就这么写： position:absolute; left:50%; margin-l 阅读全文