短文案

今天我们来实现一个主题切换的功能 效果是这样的 首先把基础代码写好 现在效果是这样的 要想实现多主题切换 我们的思路是 而body元素的class则是我们的主题名称 这里定义了两种主题 暗夜主题和日间

今天我们使用JavaScript来实现 鼠标右键打开一个菜单 并且设置菜单的位置跟随鼠标的效果 首先我们把元素的基础样式写好 为了使元素的位置能够动态改变 这里我们给ul设置了position为fix

上期我们浅学了一下css的animation 这个视频我们使用animation属性做一个loading效果 首先看一下这段代码 这段代码很简单 一个父div里面两个子div 给父div设置成60像素

今天我们来做这样一个效果，使用css让一个图片无限旋转，当然你也可以做其他动画，这里我们用到一个css的属性animation 我们先引入一张图片，并给他设置成圆形的，基础代码是这样的 最后效果是这样

我们需要使用到box-reflect属性，但这个属性由于不属于W3C标准，所以使用这个属性之前还是得先加上浏览器内核前缀，另外这个属性大部分浏览器还是不兼容的，所以使用之前还是先考虑一下是否可以使用。

今天我们来介绍一个css的伪元素:first-letter，他可以让我们获取一段文字的首字，可以单独为这个首字设置样式。 我们先来看这段代码 很简单，这是一段p标签包裹的文本，p标签的宽度为250像素

我们来聊一聊CSS的盒模型，首先看这段代码 这部分代码很简单，我们设置一个100像素背景色为蓝色的正方形盒子，他有1像素的边框，10像素的内边距，效果是这样的 但是我们通过查看控制台发现，