website icon
会一些前端,懂一些后端,做过几年管理,弄过一些运维,搞过一些互联网开源项目,没错,我是一个爱开源爱折腾的团队万能胶!

40多个纯CSS绘制的图形

今天在国外的网站上看到了很多看似简单却又非常强大的纯CSS绘制的图形,里面有最简单的矩形、圆形和三角形,也有各种常见的多边形,甚至是阴阳太极和网站小图标,真的非常强大,分享给大家。 Square(正方形) #square {    width: 100px;    height: 100px;    background: red; } Rectangle(矩形) #rectangle {    width: 200px;    height: 100px;    background: red; } Circle(圆形) #circle {    width: 100px;    hei
笔记整理 4年前 0 285 0

css控制文字只显示指定行

在编写页面的时候,经常遇到一些地方的文字显示1行,多余的文字隐藏,这样显示1行的很好控制: css代码如下: white-space: nowrap;   overflow: hidden;   text-overflow: ellipsis;   3行代码搞定,这个很常见。但是要是2行文字显示多余隐藏呢,我之前在网上搜到的很多说什么用js去控制,用php控制。。。等等诸如此类的复杂方法,为什么不能同样用css去控制呢?后来找到答案了,用css同样可以去控制2行文字显示多余隐藏。 css代码如下: text-overflow: -o-ellipsis-lastline;   over
前端 3年半前 0 137 0

前端开发css小技巧

一些小技巧让你的CSS技术更专业 使用:not()去除导航上不需要的边框 为body添加行高 垂直居中任何元素 逗号分离的列表 使用负nth-child选择元素 使用SVG图标 文本显示优化 在纯CSS幻灯片上使用max-height 继承box-sizing 表格单元格等宽 使用Flexbox摆脱边界Hack 使用属性选择器选择空链接 使用:not()添加/去除导航上不需要的边框 添加边框… /* 添加边框 */   .nav li {      border-right: 1px solid #666; } …然后去除最后一个元素的边框… /* 移除边框 */   .nav li:last
精华收藏 3年前 0 124 0

css常用属性总结

CSS3 选择器,css单位,display属性
css
笔记整理 3年前 0 256 0
文章
分类
标签
评论
 访问 111314次