欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
您的位置:DIVCSS5首页 > CSS入门 >

新建一个css样式

怎么定义1个DIV的CSS样式怎么新建一个css样式

目录
  1. 实例说明
  2. 定义样式
  3. 嵌入html
  4. 实例展示
  5. 小总结

一、实例说明   -   TOP

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

二、首先定义css样式   -   TOP

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

三、嵌入到htmlcss样式   -   TOP

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

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

<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演示图

五、总结   -   TOP

总结定义id和class的区别在于,在定义css样式的时候css选择器定义前的“#”和“.”区别,这里注意的是“#”为id选择符,“.”为class的选择符,都需要用英文半角小写方式。

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/rumen/r82.shtml

我要分享到:

必备CSS教程 Essential CSS Tutorials

必备HTML基础教程 Essential HTML Tutorials

如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解 或 直接DIVCSS5网页顶部搜索遇到DIVCSS疑问。
CSS教程文章修订日期:2010-06-01 07:02 原创:DIVCSS5
本文www.divcss5.com DIVCSS5版权所有。