css规则定义的分类,CSS样式类型作业

作业：用标签选择符“P”设置文字“标签”为红色、黑体、12号字；

用类选择符“OK”设置文字“类选择”为蓝色、楷书、18号字；

用ID选择符“PK”设置文字“ID选择”为青色、宋体、36号字

用超链接设文字“链接”为空链接(即链接页面内容为“#”号)，鼠标指向“链接”文字时变成红色带下划线。

操作步骤：1、新建HTML页面，保存到站点并命名为index.html；新建CSS样式页面，保存到站点并命名为style.css

2、选择index页面---CSS命令面板----样式附加表按钮----选择站点style.css样式----确定

3、选择style.css页面中---CSS命令面板----新建CSS规则----选择标签类型----输入名字为“P”---确定----P的CSS规则定义---在分类面板--为红色、黑体、12号字；

4、选择style.css页面中---CSS命令面板----新建CSS规则----选择：类----输入名字为“.ok”---确定----.ok的CSS规则定义---在分类面板—为蓝色、楷书、18号字；

5、选择style.css页面中---CSS命令面板----新建CSS规则----选择ID标签类型----输入名字为“#PK”---确定----#PK的CSS规则定义---在分类面板--为青色、宋体、36号字

6、选择style.css页面中---CSS命令面板----新建CSS规则----选择标签类型----输入名字为“a”---确定----a的CSS规则定义---在分类面板--为蓝色、黑体、12号字；

7、选择style.css页面中---CSS命令面板----新建CSS规则----选择高级(ID、伪类选择器等)标签类型----输入名字为“a:hover”---确定----a:hover的CSS规则定义---在分类面板--为红色、黑体、16号字、下划线；

8、选择index.html页面---输入“标签”---代码行里显示“标签”

9、选择index.html页面---输入“类选择”---代码行里显示“类选择”

10、选择index.html页面---输入“ID标签”---代码行里显示“标签”

11、选择index.html页面---输入“链接”---选择文字“链接”----属性面板----链接框里输入“#”-----代码行里显示链接