先上代码： 效果图： 主要运用的是1.border 组成的直角三角形。2，before 和 after 伪元素 。3，z-index属性 1. 将元素的长宽设置为0，并且将border的3条边设置为透明的，就会出现border颜色的直角三角形； 2. 利用伪元素after和before，可以不用另外 ...
分类：
Web程序 时间：
2018-10-17 22:13:53
阅读次数：
198
position的属性有哪些？ { position: static; position: relative; position: absolute; position: fixed; position: inherit; position: initial; position: unset; } ...
分类：
Web程序 时间：
2018-10-17 14:35:24
阅读次数：
351
区别一 v if 向DOM树内添加或者删除DOM元素； v show 设置DOM元素的display样式属性控制显隐； 就是纯css的样式操控 区别二 v if 是惰性的，如果初始条件为假，则什么也不做；只有在条件第一次变为真时才开始局部编译; v show 是在任何条件下（首次条件是否为真）都被编 ...
分类：
其他好文 时间：
2018-10-14 16:34:24
阅读次数：
150
由于input单选多选的原生样式通常都不符合需求，所以在实现功能时通常都需要美化按钮 html css ...
分类：
Web程序 时间：
2018-10-12 19:26:34
阅读次数：
149
编写灵活、稳定、高质量的HTML代码的规范 虽然现在前端很多都已经成为SPA(单页面应用)开发,或许连渲染的html都是自动生成的.但是归根结底,还是html和css,必要时候我们还是需要好好了解这些基础的开发规范 当然这都是基础性的规范,和公司规范的并不冲突.你也可以当作课外知识阅读～ 一、唯一定 ...
分类：
其他好文 时间：
2018-10-04 23:54:14
阅读次数：
232
实现效果为如下：在同一页面下，当我选中输入手机号时，出现手机号输入框，当我选中输入验证码时，出现验证码输入框，当我选中设置密码时，出现密码框 在这里有一个小技巧，就是 1.对下面的输入框设置同样的样式，保证在更换的时候不出现抖动；2.对输入框区域一开始就设置display：none。让其不显示，在上 ...
分类：
Web程序 时间：
2018-09-15 22:07:22
阅读次数：
279
https://images2018.cnblogs.com/blog/1120335/201809/1120335-20180912232242784-1738360565.png 纯css实现立体摆放图片效果 ...
分类：
Web程序 时间：
2018-09-13 01:20:24
阅读次数：
215
上代码 这些代码是独立的，直接粘贴就有效果 这样你的鼠标下就有了一个滑稽 本来像加到博客里的效果，结果发现不会。。。好像不支持jQuery特效，难道必须是纯css特效吗？？？？ ...
分类：
Web程序 时间：
2018-09-12 01:08:39
阅读次数：
187
