这篇文章主要讲解了“如何新建一个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样式这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是编程网,小编将为大家推送更多相关知识点的文章,欢迎关注!