如何新建一个css样式

这篇文章主要讲解了“如何新建一个CSS样式”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“如何新建一个css样式”吧！

一、实例说明   

新建css实例说明：
分别我们来定义2个id和两个class样式的类。两个id的命名为aa和bb，两个class的命名为cc和dd

二、首先定义css样式  

1、直接定义到css文件方法
2个id为#aa{font-size:12px;}，#bb{font-size:16px;};
2个class为.cc{font-size:18px;}，.dd{font-size:22px;};

三、嵌入到html的css样式   

了解更多css 引用
<style>
#aa{font-size:12px;}
#bb{font-size:16px;}
.cc{font-size:18px;}
.dd{font-size:22px;}
</style>

四、以上为定义的css样式，接下来我们介绍css样式的css应用-案例展示   

<div id="aa">我样式名为aa的id</div>
<div id="bb">我样式名为bb的id</div>
<div class="cc">我样式名为cc的class</div>
<div class="dd">我样式名为dd的class</div>

感谢各位的阅读，以上就是“如何新建一个css样式”的内容了，经过本文的学习后，相信大家对如何新建一个css样式这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是编程网，小编将为大家推送更多相关知识点的文章，欢迎关注！