《HTML学习_CSS样式的方法和种类》由会员分享，可在线阅读，更多相关《HTML学习_CSS样式的方法和种类（7页珍藏版）》请在金锄头文库上搜索。
1、html html 静静静静态态网网网网页设计页设计学习时间：学习时间：3 3学时学时html html 静静静静态态网网网网页设计页设计练习练习1 添加样式的方法添加样式的方法1.新建一个HTML文件，新建一个样式body，设置宋体、12字号，并且将样式存放在aa.css文件中，思考属于P178页的哪种添加CSS的方法；2.新建一个类样式.hongse，设置文字颜色为红色，仅对此文档起作用，在网页中写上文字：文字红色，应用该样式，思考属于P178页的哪种添加CSS的方法；3.新建一个类样式.blue，设置文字颜色为蓝色，并且将样式存放在bb.css文件中，在代码中将链接到bb.css的那条代
2、码删除，在网页中写上文字：文字蓝色，应用该样式，看找得到该样式吗。然后在style标签之间输入：import url(bb.css)，继续应用样式，思考属于P178页的哪种添加CSS的方法；以上这条语句也可以写在外部样式文件中。4.在网页中输入如下代码，查看效果，思考属于P178页的哪种添加CSS的方法：黑色效果html html 静静静静态态网网网网页设计页设计练习练习2 样式规则选择器种类样式规则选择器种类1.标签选择器：标签选择器：新建一个样式p，字体18，带下划线，在网页主体中输入如下代码：2.类选择器：类选择器：新建一个样式，起名为.hongse，将文字颜色设为红色，在网页主体中输入
3、如下代码： 3.关联选择器：关联选择器：新建一个样式，起名为div ul li ,将文字大小设为24，颜色#0000ff，在网页主体中输入如下代码： 4.组合选择器：新建一个样式，起名为.one, .two, .three，将文字颜色设为#00ff00，带删除线，在网页主体中输入如下代码： 5.网页中哪个是id选择器，解释伪元素选择器。html html 静静静静态态网网网网页设计页设计练习练习2 效果图效果图html html 静静静静态态网网网网页设计页设计CSS样式归纳样式归纳1.1.添加CSS的方法（P178页）链接外部样式表；内部样式表；导入外部样式表；内嵌样式。2.2.样式规则选择器HTML标签选择器；Class类选择器；id选择器；关联选择器；组合选择器；伪元素选择器。html html 静静静静态态网网网网页设计页设计HTML标签选择器；Class类选择器；id选择器；关联选择器；组合选择器；伪元素选择器。样式规则选择器归纳样式规则选择器归纳html html 静静静静态态网网网网页设计页设计练习练习3 使用使用CSS设计网站导航栏设计网站导航栏1. 实现背景变换的导航菜单：如书P255页所示来完成，将P256页的9-11行删掉，并且解释为啥可以实现此效果。2. 利用CSS制作横向导航：如书P257页所示，并且解释为啥可以实现此效果。
