没有合适的资源?快使用搜索试试~ 我知道了~
网页设计及制作DIV+CSS实训指导书.doc
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 27 浏览量
2021-10-02
10:29:45
上传
评论
收藏 1.07MB DOC 举报
温馨提示
试读
30页
网页设计及制作DIV+CSS实训指导书.doc
资源推荐
资源详情
资源评论
. .
网页设计与制作
〔〕
职业技术学院
信息工程系
目 录
实训 1:从根底开场..........................................................................................................................1
实训 2:摄影师个人布局..................................................................................................................5
实训 3:生物研究中心布局..............................................................................................................8
实训 4:教育公司布局....................................................................................................................19
. .word.zl.
. .
实训 1:从根底开场
实训名称: 成绩:
实训日期: 年月日 实训报告日期:年月日
一、实训目的
、掌握 的各种选择器及其各自的使用方法;
、掌握 的继承性与层叠特性以及它们的作用。
二、实训容
实例制作
三、实训环境
四、实训步骤、过程
、动手体验
首先建立 文件,构建最简单的页面框架,其容包括标题和正文局部,
每一个局部又分别处于不同的模块中,代码如下所示:
!"#$%&'(()*((+,-./0"0.#(( 1&
&,*,2(3(4!"#((4!"#'"./0"0.#,"&5
!"#4#./6&,*,2(777(4!"#&5
!5
" '8906&."."':;& <."."6&"4"(!"#=
<!/"62*&(5
"0"#5体验 ("0"#5
#0.>!?6&/!",<//&/":#/!"&":;6&"4"(<//&(5
(!5
:5
!5畅思网络(!5
02/<6&0<"9/(,@;2&0"!6&A&!02!"6&A&5
;06&;&5首先建立 文件,构建最简单的页面框架,其容包括标题
和正文局部,每一个局部又分别处于不同的模块中。(;5
;06&;&5首先建立 文件,构建最简单的页面框架,其容包括标题
和正文局部,每一个局部又分别处于不同的模块中。(;5
(:5
. .word.zl.
. .
(!"#5
、“交集〞选择器
B交集〞复合选择器由两个选择器直接连接构成,其结果是选中二者各自元
素围的交集。其中第一个必须是标记选择器,第二个必须是类别选择器或者
选择器。这两个选择器之间不能有空格,必须连续书写。举例代码如下:
!"# $% &'(()*(( + ,-
./0"0.#(( 1&&,*,2(3(4!"#((4!"#'"./0"0.#,"&5
!"#4#./6&,*,2(777(4!"#&5
!5
" '8906&."."':;& <."."6&"4"(!"#=
<!/"62*&(5
"0"#5无标题文档("0"#5
/":#":;6&"4"(<//&5
''
;C
<#D#9=
E
;,/;<0#C
<#D=
E
,/;<0#C
<#DFAA77--=
E
''5
(/":#5(!5
:5
;5其中第一个必须是标记选择器,第二个必须是类别选择器或者 选择
器。(;5
!*5其中第一个必须是标记选择器,第二个必须是类别选择器或者 选
择器。(!*5
;<#//6&/;<0#&5其中第一个必须是标记选择器,第二个必须是类别
选择器或者 选择器。(;5
!*<#//6&/;<0#&5其中第一个必须是标记选择器,第二个必须是类
别选择器或者 选择器。(!*5
(:5
(!"#5
运行效果如图 , 所示:
. .word.zl.
. .
图 ,标记、类别选择器例如
*、 的继承性
的继承指的是子标记会继承你标记的所有样式风格,并可以在父标记
样式风格的根底上再加以修改,产生新的样式,而子标记的样式风格完全不会
影响父标记。举例代码如下:
!"# $% &'(()*(( + ,-
./0"0.#(( 1&&,*,2(3(4!"#((4!"#'"./0"0.#,"&5
!"#4#./6&,*,2(777(4!"#&5
!5
" '8906&."."':;& <."."6&"4"(!"#=
<!/"62*&(5
"0"#5无标题文档("0"#5
/":#":;6&"4"(<//&5
!C
<#D#9=
"4"'<"0.D9.#0.=
E
C
<#DFGG----=
E
9#9##0C
?."'02!"D#=
E
(/":#5
(!5
:5
!5前沿5) % 开发(5教室(!5
9#5
#05) % 设计与开发需要使用以下技术:
9#5
#05(#05
#05(#05
9#5
#05并可以在父标记样式风格的根底上再加以修改(#05
#05并可以在父标记样式风格的根底上再加以修改(#05
#05并可以在父标记样式风格的根底上再加以修改(#05
. .word.zl.
. .
(9#5
#05H/<0;"(#05
(9#5
(#05
#05此外,还需要掌握:
#5
#05G(#05
#05(#05
#05!"/!;(#05
(#5
(#05
(9#5
(:5
(!"#5
运行效果如图 , 所示:
图 ,包含多层列表的页面
. .word.zl.
剩余29页未读,继续阅读
资源评论
gjmm89
- 粉丝: 14
- 资源: 19万+
下载权益
C知道特权
VIP文章
课程特权
开通VIP
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功