（5）HTML5-CSS基础知识

CSS基本语句

@H_301_13@css是由“选择器”，“属性”和“设置值”三个元素所组成的。声明基本如下：

@H_301_13@选择器 {属性：设置值；。。。。。}

@H_301_13@选择器的功能是用于指定在HTML程序中遇到的何种标签时，就套用括号内的属性和设置。选择器分三种，分别是“TYPE”，“CLASS”和“ID”。TYPE是HTML里会使用到的选择器标签，例如《body》《header》等。Class和ID则是由开发人员自行定义的选择器。

@H_301_13@属性与设置值会成对的出现，属性可能是背景颜色（BACkground-color），字体大小（font-size）等需要被设置的元素。一个选择器可以有多个属性，属性之间要用分号“；”隔开。

@H_301_13@设置值则是决定“属性”呈现的方式。例如可以将背景颜色设置为红色（red）。

@H_301_13@如果有多个标签需要共享同样的样式，就可以集体声明的方式让程序变得更加简洁。@H_301_13@例如：

@H_301_13@h1，h2，h3{

@H_301_13@color：red；

@H_301_13@}

@H_301_13@

@H_301_13@除了上面的Type声明方式，也就是除了用HTML内原有的标签来声明之外，也可以使用自行声明的名词来设置样式，Class声明就是一种。例如：

@H_301_13@css文件 html文件

@H_301_13@.myStyle{ 《p class=“myStyle”》

@H_301_13@color：red； 黄色的字

@H_301_13@} 《/p》

@H_301_13@与Type不同的是Class名称前面必须加上一个“.”作为标识。

@H_301_13@

@H_301_13@type结合class声明适用于需要在不同HTML标签中使用同种名称的class选择器，但要给予不同的设置。举例说明，声明一个class为“myTextColor”代表专门用来处理文字颜色，但是希望在《b》标签里和《i》标签中，能够显示不同的文字颜色。

@H_301_13@css文件

@H_301_13@b.myTextColor{
Color：red；

@H_301_13@}

@H_301_13@i.myTextColor{
Color：red；

@H_301_13@}

@H_301_13@回到html文件中就可以如下应用，虽然class都是指向myTextColor，但是不同的标签下显示的结果也不同。

@H_301_13@html文件

@H_301_13@《b class=“myTextColor”》粗体是红色《/b》

@H_301_13@《i class=“myTextColor”》粗体是黄色《/i》

@H_301_13@ID与class声明同样是自行替选择器命名的方式，但是ID选择器在HTML文件中只能出现一次（不能像CLASS一样可以在多个标签上使用），主要配合javascript中的GetElementByID函数，而Class就没有使用的次数限制。使用ID声明前要加“#”作为标识。

@H_301_13@css文件

@H_301_13@#myTextColor{
Color：red；

@H_301_13@}