在编写页面的时候，经常遇到一些地方的文字显示1行，多余的文字隐藏，这样显示1行的很好控制： css代码如下： white-space: nowrap; overflow: hidden; text-overflow: ellipsis; 3行代码搞定，这个很常见。但是要是2行文字显示多余隐藏呢，我之 ...
分类：
Web程序 时间：
2018-06-07 20:50:54
阅读次数：
236
纯CSS实现tooltip提示框，CSS箭头及形状之续篇--给整个tooltip提示框加个边框 ...
分类：
Web程序 时间：
2018-06-03 12:20:45
阅读次数：
215
函数声明和函数表达式——函数声明的声明提前 上一篇：《纯CSS打造银色MacBook Air》 写在前面的那些不得不说的废话 前两天班级聚会，除了吃喝玩乐就是睡觉扯淡，甚是喜悦，真是独乐乐不如众乐乐啊。 PS：毕业的或即将毕业的有时间能聚就聚吧，毕了业以后属于自己的时间能聚到一块儿可就少太多了。 现 ...
分类：
其他好文 时间：
2018-05-30 12:08:36
阅读次数：
205
代码如下 鬼畜梅利号用纯css完成，主要有以下几个点： 一.布局 ①position:relative/absolute; ②display:flex; ③overflow: hidden; 二.特殊形状 ①border-radius 学到一个如何画 半圆边框 再结合一下transform等效果！ ...
分类：
Web程序 时间：
2018-05-29 19:44:03
阅读次数：
337
40% /*css代码*/.progressBox { width:80%; height:100%; overflow: visible; } .progress { height: 30px; ... ...
分类：
Web程序 时间：
2018-05-26 17:58:55
阅读次数：
276
图形包括基本的矩形、圆形、椭圆、三角形、多边形，也包括稍微复杂一点的爱心、钻石、阴阳八卦等。当然有一些需要用到CSS3的属性，所以在你打开这篇文章的时候，我希望你用的是firefox或者chrome，当然IE也能看一部分的。那好，下面就一起来看看我们是如何用纯CSS来画这些图形的，如果你也觉得很震撼 ...
分类：
Web程序 时间：
2018-05-17 13:48:24
阅读次数：
177
一直以来，使用纯 CSS 实现波浪效果都是十分困难的。 因为实现波浪的曲线需要借助贝塞尔曲线。 而使用纯 CSS 的方式，实现贝塞尔曲线，额，暂时是没有很好的方法。 当然，借助其他力量（SVG、CANVAS），是可以很轻松的完成所谓的波浪效果的，先看看，非 CSS 方式实现的波浪效果。 使用 SVG ...
分类：
Web程序 时间：
2018-05-16 15:19:46
阅读次数：
230
自己查资料总结的两种方法 一、纯css改变 URL 带有后面跟有锚名称 #，指向文档内某个具体的元素。这个被链接的元素就是目标元素(target element)。 :target 选择器可用于选取当前活动的目标元素。 <!DOCTYPE html> <html lang="en"> <head> ...
分类：
其他好文 时间：
2018-05-05 17:20:35
阅读次数：
636
1.点击form里任意input隐藏form以外内容提高用户体验 2.解决带计数文本域自身:focus高亮重叠问题 3.纯css实现下拉 :focus跟:focus-within的区别在于前者表示当前元素处于focus状态时，后者是当前元素或者当前元素的子元素处于focus状态时。 ...
分类：
其他好文 时间：
2018-05-04 17:01:11
阅读次数：
148
