每日提桶工程师

动画是使元素从一种样式逐渐变化为另一种样式的效果。您可以改变任意多的样式任意多的次数。通过 @keyframes 规则，您能够创建动画。创建动画的原理是，将一套 CSS 样式逐渐变化为另一套样式。在动画过程中，您能够多次改变这套 CSS 样式。以百分比来规定改变发生的时间，或者通...

图片验证码是我们日常经常用到的，本文将介绍如何实现以及其原理，并没有过多注重css样式（有些简陋）。主要是利用canvas画布加上随机字母，以及适当的旋转，移动，颜色。这一块主要利用的是css3的内容。对于代码看不懂的可以看注释，注释标注的很详细。<meta name="view...

今天我们来聊聊遮罩层的简单使用。1.定义：z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。 简单来说就是谁的z-index属性值高在z轴方向会在更外面。2.作用：规定不透明度。从 0.0 （完全透明）到 1.0（完全不透明）。3....

块格式化上下文（Block Formatting Context，BFC） 是Web页面的可视化CSS渲染的一部分，是块盒子的布局过程发生的区域，也是浮动元素与其他元素交互的区域。使 BFC 内部浮动元素不会到处乱跑；和浮动元素产生边界。margin塌陷问题：在标准文档流中，块级...

a.首先要做的是确定rem的基数(即html的font-size),一般都是以10px为基数(方便计算),这个可以根据自己的习惯来. b.确定html基准百分数(rem参照下html的字体大小采取百分数形式),百分数是自己设定的基数除以默认字体大小(16px)的值.比如以10px...

PS在前端主要有两方面的应用：1：测量图像大小、距离 2：切图 测量不用说大家平时开发都需要用，而切图也是前端必备技能。我们作为前端会比UI更清楚我们需要的图片，有时候需要修改也可以自己动手，不必处处麻烦UI，也提高了工作效率。1.在这里分享一下正版PS安装包，内含注册码的，链接...

我自己在学习web前端之前对web的学习路线也是很懵，在网上查了查各种学习路线也是有点慌。今天我就自己的学习过程来聊一聊web各个阶段需要学习的内容，以及怎么样就可以去面试了。html+css+javaScript。 在我看来html负责网页点基本框架—房梁，毛胚房。css负责网...

ID　　#id class　　.注意：选择器的权重值不是一个确定的值，例如标签选择器的权重值为1，但是这个1是一个256进制数，就是0到255后+1才是1。就是说权重值2和1中间差了255。这表示256个权重值为1的选择器加一起才抵得上一个权重为2的，这在后面权重计算有用。 还有...

.主要代码就是style中的border样式。首先宽高设为0，border-width就是三角形的高度，border-color（上，右，下，左）这里把前三个设置为透明，第四个设置为红色，所以三角形方向是向右的。 这里可以这么理解:由于div宽高设置为0，而边框为40px就会出现...