css
文章平均质量分 50
tcap99
这个作者很懒,什么都没留下…
展开
-
居中个人总结
水平居中对于给定宽度,可以简单使用margin: 0 auto;.center { width: 960px; margin: 0 auto;}或者在父元素中添加text-align:center;子元素添加display: inline-block;.father { width: 300ox; text-align: center;}.son{ displa...原创 2018-10-28 19:27:37 · 115 阅读 · 0 评论 -
css3加载条(待更新)
半夜被蚊子咬醒,那就顺手来写博客吧。最近对各种加载条产生兴趣,索性就来研究一下吧。对我而言,加载条用gif实现,太浪费资源而且复用性不够,使用canvas好像又大材小用,自然是使用CSS3实现最为理想。条形加载条下面的代码是我对别人实现的改良版本,点击链接可以到codepen看效果和代码哦。https://codepen.io/tcap99/pen/XxGoyyHTML<div ...原创 2018-10-29 02:59:54 · 475 阅读 · 0 评论 -
github上前端面试知识整理之CSS部分
github仓库链接:https://github.com/markyun/My-blog/tree/master/Front-end-Developer-Questions/Questions-and-Answers介绍一下标准的CSS的盒子模型?低版本IE的盒子模型有什么不同的? (1)有两种, IE 盒子模型、W3C 盒子模型; (2)盒模型: 内容(content)、填充(p...转载 2018-10-25 23:49:51 · 187 阅读 · 0 评论 -
文字滚动跑马灯效果的研究
偶尔间,看到别人的文字滚动效果十分好奇,自己研究一下代码,写上注释记录。首先,注明出处https://blog.csdn.net/ns2250225/article/details/79804886<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <原创 2018-10-25 03:02:18 · 378 阅读 · 0 评论 -
有趣的css -1
最近频繁的更博客和学习有点儿疲惫了,正在浏览到一个不错的css仓库。选了一个比较有趣的打字效果实现介绍一下。css仓库:https://lhammer.cn/You-need-to-know-css/代码实现:https://codepen.io/tcap99/pen/yQNqaJ解析HTML<main class="main"> <span>You-ne...原创 2018-11-06 16:52:08 · 168 阅读 · 0 评论 -
每日JavaScript之webpack4.0处理css
消失多日,因为身体不好,曾经的学习之情也消失了不少,不过我会坚持的。今天来总结一下,webpack处理css。https://godbmw.com/passage/36 这是本文参考学习的文章,非常实用。首先,选个你喜欢的目录,打开CMD。npm init一路回车,然后cd进你创建的project name,我的叫做wepack-demo然后将package.json改为{ "...原创 2018-11-14 01:06:29 · 215 阅读 · 0 评论 -
github上前端面试知识整理之CSS部分
github仓库链接:https://github.com/markyun/My-blog/tree/master/Front-end-Developer-Questions/Questions-and-Answers介绍一下标准的CSS的盒子模型?低版本IE的盒子模型有什么不同的? (1)有两种, IE 盒子模型、W3C 盒子模型; (2)盒模型: 内容(content)、填充(p...转载 2018-12-16 22:07:38 · 138 阅读 · 0 评论