class类标记,可以用于被多个元素调用(以“.”选择符命名样式可以一个页面使用多次)是类标签,在同一个页面可以调用无数次(没限制的),在CSS里用“.”表示。
ID就像一个人的身份证,用于识别这个DIV的,Class就像人身上穿的衣服,用于定义这个DIV的样式。一般一个网页不设二个或二个以上同ID的div,但Class可以多个DIV用同一个Class。
CSS中的新增标签有以下两类:
一、语义化标签
以前的布局基本用div来做,div对于搜索引擎来说,是没有语义的。CSS新增语义化标签:
1.header头部标签
2.nav导航标签
3.article内容标签
4.section定义文档某个区域
5.aside侧边栏标签
6.footer尾部标签
二、在IE9中需要将这些元素转换为块级元素
新增的多媒体标签主要包含两个:
1、音频:<audio>
2、视频:<video>
使用它们可以很方便的在页面中嵌入音频和视频,而不再去使用flash和其他浏览器插件。
1. 打开文档,然后打开“CSS样式”面板。
2. 在“CSS样式”面板中,点击右下角的“新建 CSS 规则”按钮,打开“新建 CSS 规则”对话框。
在“选择器类型”中选择“复合内容(基于选择的内容)”项。
在“选择器名称”中点击右边的下拉箭头,大家可以看到:
a:link:未访问的超链接。
a:visited:已经访问过的超链接。
a:hover:鼠标指针移动到上面时的超链接。
a:active:正在访问的超链接。
3. 在“选择器名称”中选择“a:link”项,然后点击“确定”按钮,打开“CSS 规则定义”对话框。
4. 在“CSS 规则定义”对话框中,在“分类”下拉框中选择“类型”,然后在右边“类型”部分设置链接字体的颜色、大小和修饰等。
5. 设置好以后单击“确定”按钮,完成“a:link”项的设置。
CSS规则由两部分组成,选择器,和一条或多条声明,例如:
h1 {color:blue; font-size:12px;}
选择器通常是html中的一个标签,每条声明由一个属性和属性值组成,一般是样式属性
CSS一般写在html文件中的<style></style>标签里面,
CSS注释:以/* 开头,*/结尾