随笔分类 -  CSS学习

CSS的提升也是你技能的一个强项之一。
4.怎么样用CSS实现一个loading效果
摘要：摘自：https://www.cnblogs.com/theblogs/p/10328514.html 摘自：https://www.jianshu.com/p/1749766fd97a 摘自：https://blog.csdn.net/qq_34123985/article/details/905 阅读全文
posted @ 2019-11-13 17:06 林玖女神 阅读(127) 评论(0) 推荐(0)
3.常见清除浮动的
摘要：1.伪类清除浮动： .clear::after{ content: ""; display: block; clear: both; visibility: hidden; height: 0; } .clear::after{ zoom: 1; } 2. 对于父元素固定高度，子元素浮动，则可以使用 阅读全文
posted @ 2019-11-13 16:51 林玖女神 阅读(98) 评论(0) 推荐(0)
2.css处理各种溢出
摘要：1.单行文本溢出变略号 overflow: hidden; text-overflow:ellipsis; white-space: nowrap; 2.多行文本溢出变省略号 overflow:hidden;text-overflow:ellipsis; display:-webkit-box; - 阅读全文
posted @ 2019-11-13 16:45 林玖女神 阅读(182) 评论(0) 推荐(0)
1. css画三角形
摘要：1.先画一个正方形，启发一下如何画上三角、下三角、左三角以及右三角。 <div class="square"></div> .square{ width: 0; height: 0; border-width: 100px; border-style: solid; border-color:#FF 阅读全文
posted @ 2019-11-13 16:20 林玖女神 阅读(228) 评论(0) 推荐(0)
css、js小技巧
摘要：灵活运用css开发技巧摘自： https://juejin.im/post/5d4d0ec651882549594e7293 灵活运用js开发技巧摘自：https://juejin.im/post/5cc7afdde51d456e671c7e48#heading-72 灵活运用PS切图技巧摘自：ht 阅读全文
posted @ 2019-11-11 14:29 林玖女神 阅读(159) 评论(0) 推荐(0)
使用HTML编写邮件
摘要：html嵌入到第三方邮件系统中，很多h5标签、css3不支持。一般布局采用table+css。tabel表兼容性最好，写行内样式 阅读全文
posted @ 2019-05-30 14:39 林玖女神 阅读(975) 评论(0) 推荐(0)
WOW.js 使用教程
摘要：官网加动画特效，哇哦，下面我介绍一下WOW.js 官网地址：https://www.delac.io/wow/ 点击github可以找到wow.js和wow.min.js 以及animate.css者animate.min.css wow.js依赖于animate.css，首先在头部引用animat 阅读全文
posted @ 2019-03-27 10:01 林玖女神 阅读(31481) 评论(0) 推荐(2)
登录页面登录框居中
摘要：头部... 内容内容内容内容内容内容 底部。。。 *{margin:0;padding:0}.HolyGrail { display: flex; min-height: 100vh; flex-direction: column; } header, footer { height:80px; line-heigh... 阅读全文
posted @ 2019-03-22 16:45 林玖女神 阅读(2140) 评论(0) 推荐(0)