这是我参与「第四届青训营 」笔记创作活动的第7天 今天是学CSS的第四天，开始进行CSS实战
实战案例
今天做了项目图如下：
运行的思路：把标签移动到块中，块的颜色会发生变化，所以这里是使用了链接标签。而每一块相同，刚刚好以a为每块的标签5,然后使用a{导航$}的标签，生成5个块。操作如下图所示：
接着，就是要去除链接的下划线，使用的代码为： text-decoration: none;开始设置块的宽度、高度和背景颜色。再把图跟字放中间，字体颜色设置为白色，把转化为块，使用代码为： display: inline-block;
color: white;
background-position: centers;
text-align: center;
如图所示：
运行出来便是如图的效果啦。
总结
CSS主要是用来对页面的样式进行设计。我们可以通过运用CSS技术来设计出我们想要的页面效果，达到一个装饰的效果。之前使用html制作表单，内容跟形式相对简单一点。而CSS的设计能够让页面生动起来。但是，CSS内容相对较为琐碎，所以需要在运用的过程中加强记忆,在练习中加强知识的深度。因此，学习CSS不仅要学它的使用，更要学习如何合理的运用到你想要表达的页面当中去，打造一个属于你自我特色的页面，这种实践内容才是我们学习的目的，才能促进我们不断进步。
最后一些便记
border-radius圆角属性 border-shadow盒子阴影 border-image边框图片 background-image设置背景图片 background-size设置背景图片大小 background-origin定义背景图片位置 text-shadow文本阴影 font-family规定字体格式 font-weight规定字体粗细 font-size规定字体大小 font-style规定字体样式
