学透CSS-当CSS遇到古诗和月亮，月亮动起来！！！

创作不易拒绝白嫖点个赞呗
关注专栏学透CSS,带你走进CSS的深处！！！

前言

在具体开始之前，我们先来科普一下。月亮的各种圆缺形态，也称为月相。

“新月”，也叫“朔日”，这时是农历初一；

“蛾眉月”，这时是农历初三、四；

农历初七、八，半个亮区对着地球，人们可以看到半个月亮（凸面向西），这一月相叫“上弦月”；

农历十五、十六、十七，月球的亮区全部对着地球，我们能看到一轮圆月，这一月相称为“满月”，也叫“望”；

农历二十二、二十三，又能看到半个月亮（凸面向东），这一月相叫做“下弦月”。

整体布局

黑色的背景板

html,
body {width: 100%;height: 100%;border-radius: 0;margin: 0;display: flex;justify-content: center;align-items: center;background-color: #2c2f36;color: white;
}

学透CSS-当CSS遇到古诗和月亮，月亮动起来！！！相关推荐

零基础学前端开发之CSS基础
第三章:CSS3样式基础知识点: 1.CSS概念 2.CSS语法格式 3.CSS的使用 4.三类范围为什么使用CSS 化妆前: 化妆后: HTML语法,在网页上显示数据,第一章p br b fon ...
div css标记,前端初学者必学的div加css标签
原标题:前端初学者必学的div加css标签今天给大家分享前端初学者必须要学习的标签,这些标签你都会了吗? DIV加css标签页头:header 登录条:loginBar 标志:logo 侧栏:si ...
小白学前端——关于html,css,js分号使用问题
这个是也是我不是很清楚,但其实很简单,很基础的问题. 我在听<JavaScript高级程序设计>这本书的时候,那个讲书的老师提到了这个问题. html:html里面分号不是必须有的,但是写 ...
【CSS练习】IT修真院--练习4-移动端界面
任务四. 一个最常见的移动端页面完成的事情完成简单布局,然后填充界面与效果图对比优化完成验收要求:header扩展性 & 顶栏固定进行placeholder样式兼容性研究完成任务四 ...
学无止境的CSS(xHTML+CSS技巧教程资源大全)
本文里面收集一些有关CSS的技巧.教程.工具和观点等,其中一些你也许早就运用的炉火纯青,也可能有的你听都没听说过.不管是新手还是高手,大家都继续学习吧. 一,Web 标准要玩游戏,就得先了解规则.要 ...
HTML标记fort属性最大取值,CSS(2)---css字体、文本样式属性
css字体.文本样式属性这篇主要讲CSS文本属性中的:字体样式属性和文本样式属性. 一.字体样式属性 CSS 字体属性主要包括:字体设置(font-family).字号大小(font-size) ...
CSS：CSS+DIV布局网页
现代网页布局:CSS+DIV: 一般的网页都是顺序布局的,很难达到我们需要的网页布局格式,此时使用DIV进行分层布局,类似于盒子,对每一部分内容进行设计.这是现在主流的网页布局方式,使用DIV+CSS ...
解决vue-awesome-swiper中swiper/css/swiper.css无法导入问题
0 文章太长懒得看将语句:import 'swiper/css/swiper.css' 修改为:import 'swiper/swiper-bundle.css' 1 出错原因报错提示为 * sw ...
代码：CSS——reset.css
代码:CSS--reset.css http://www.cnblogs.com/qq21270/p/5577856.html 图片列表 A链接标签: /*链接样式.文字颜色*/a{color:#66 ...

学透CSS-当CSS遇到古诗和月亮，月亮动起来！！！

前言

整体布局

黑色的背景板

学透CSS-当CSS遇到古诗和月亮，月亮动起来！！！相关推荐

最新文章

热门文章