开头
今天来总结一些常见的CSS属性并用它来制作一个小案例，当然，这个小案例是只用到了HTML与CSS来实现的。（这个小案例是我从网络上找的）。
常见的CSS元素、属性
font-size
为什么说是常见的CSS属性呢？因为这个属性很常用，它表示文字大小，是用来设置页面展示的文字的文字大小，所以说很常见。它的格式是：font-size：24px；由此可见，CSS规则很符合我们上一篇笔记介绍的规则：属性：属性值；
color
这个CSS属性是用来控制表示前景色（文字颜色、装饰线、边框、外轮廓等的颜色），很常见，用来控制颜色，准确的来说是前景色，它并不代表所有颜色，比如背景色就不归它控制。格式：color：red；这个属性的属性值还有不同的表示方法，比如#fff、#fff089、darkorange、rgb(0,0,0)等。
background-color
前面说color表示的不包括背景色，那么谁来设置背景色呢？是background-color。它的格式：background-color：black；
width
它控制的是宽度，格式是：width：200px；
height
它用来设置高度，格式为height：200px；其实我个人认为可以把height和width记成一对，一个表示宽度一个表示高度，用来设置宽高，很好记，当然，高度和宽度不是必须一起出现的。
其他属性
常见的CSS属性还有很多，远远不止这些，大家要是想了解更多的话，可以去官网去学习，或者去查阅我相关资料，这里只是一些我的个人总结，用来测试我是否掌握，也来帮大家做一个简单的整理。
案例练习
接下来我来简单介绍一下我做的这个小案例，它是做一个知识介绍，有图片有文字，并且把一些重要文字突出显示，甚至还有背景颜色等。这里我就不给出图片显示了以免侵权。但是我可以给出结构与样式，供大家观看参考。当然，这只是一个很小很小的没有利用JS的介绍案例，如果大家想做大项目的话，一般是不用参考这些的。
HTML结构
<h1 class="title1" ></h1>
<div class="item" >
<h3 ></h3>
<img class="title" src="" alt="无法加载">
<p>
<span class="name" ></span> <span class="keyword" ></span>
</p>
</div>
<div class="item" >
<h3></h3>
<img class="title" src="" alt="无法加载">
<p>
<span class="name" ></span>
</p>
</div>
CSS样式
.name{
font-size: 30px;
color: aliceblue;
background-color: darkorange;
width: 50px;
}
.item{
width: 400px;
}
.title{
width: 400px;
}
.title1{
letter-spacing: 10px;
}
.keyword{
text-transform:uppercase;
}
结尾
以上就是今天的知识总结，希望大家都学有所成。
