大家好，今天我们来分享一下用纯CSS实现下拉菜单效果的方法，首先我们看下效果图，如果你看过上一期的内容（CSS之垂直导航条）那么你就会发现，两者的外观主题基本一样，只不过结构稍微有些差别，所以今天我们主要讲构造，样式详解请参考上期内容1.
CSS不规则卡片，纯CSS制作优惠券样式，CSSS实现锯齿样式之前也有写过 CSS 优惠券样式《CSS3径向渐变实现优惠券波浪造型》，这次再来温习一遍，并且将更为详细的讲解，从布局到具体样式说明，最后定义 CSS 变量，自定义主题颜色。
其实最先想到的是画圆形，在这个例子当中，主要是利用了设置背景图的属性与radial-gradient渐变来实现，实际效果差不多，在形状上呢还是保持整体方形，相信大家也看出来副作用，首先这个添加的渐变需要和背景颜色同步，比如设置的倒角是白色，背景是灰色的，那就露馅啦。
这个大家都比较熟悉，没有掌握的同学再去恶补一下基础文档流布局这是最基本的布局方式，就是按照文档的顺序一个一个显示出来，块元素独占一行，行内元素共享一行，这个相信大家都比较熟悉了，就不再赘述了浮动布局浮动方式布局就是使用float 属性，使元素脱离文档流，浮动起来。
Pico.css 是一个简单轻量化的 CSS UI 框架，最大的特点是样式都基于 HMTL 原始的标签名和内置的属性，少用甚至是不用 class 来定义样式，写出来的代码语义清晰，可维护性强，能够帮助开发者构建自己的 UI 系统，也可以直接用于快速的小型项目中。
提示：点击上方"蓝色字体"↑ 可订阅！关于我们 51RGB官方微信CSS中的级联(cascade)在同一时间可谓是幸福的，也可以说是痛苦不堪的。通常能工作得非常好，但有问题的时候，也让人们都很激动，甚至事件中也离开不CSS。我们所涉及的不仅是CSS的级联也还涉及到CSS的权重。
这132个特效，是我历时10个多月在油管一个一个跟着敲出来的，为了加强记忆，每个练习，我都录制了视频，在这里分享出来给大家。大家可能又会调侃了，你是工作不饱和吧，有时间做这些。其实，我目前工作还是挺饱和的，都是挤出来的。
简介CSS 是什么？CSS是Cascading Style Sheets的简称，中文称为层叠样式表。属性和属性值用冒号隔开，以分号结尾。CSS 四种引入方式：1.行内式行内式是在标签的style属性中设定CSS样式。<div style="..."></div>2.
CSS 3D云这是一个demo应用程序，你可以生成一个与现实生活一模一样的云，并可以对其进行调整。这个demo的代码比较复杂，它运用了CSS3 3D变换和部分JavaScript技术。效果演示>>纯CSS Logo这里收集了由纯粹的CSS制作的几个大公司的Logo。
