《程诗越html实验作业.》.doc

实验六

打开10-1文件夹中的10-，使用加入样式表的方式，将CSS文件夹中的样式加入到网页中，并阅读CSS，将CSS改变一些内容，将网页改变为有区别的新页面（如，改布局位置，改导航形式，改页面色彩搭配等，这个部分自己创意均可）

（1）打开已经写好结构的网页10-，将10-。
（2），将#box样式表添加背景图片语句，并设置不重复属性。
（3）编写样式设置横行导航，并设置字体和色彩
（4）在10-，在id="top2"的div中，，宽度为640px，高度为233px，换行并继续插入文字“天空工作室是……网站项目”。
（5），控制大小字体等属性。
（6）分别在mainleft，mainmain和mainright内加入图片（2403、2404和2405）和文字部分。
（7）分别设置main，mainleft，mainmain和mainright的对应样式来控制布局的大小和位置。
（8）最后设置id=bottom的div的大小，背景图片及布局

（9）网页最终效果图如图所示

（1）使用ID选择符

利用ID选择符，设置页眉（masthead）为绿色（green）
利用ID选择符，设置导航（navlinks）为银色（silver）
利用ID选择符，设置对象（sidebar）边框为1像素灰色（gray）实线边框。
（2）使用类选择符

利用类选择符，设置导航中的about us 的背景颜色为黄色（yellow），其他部分不变化。
利用类选择符，设置日期表格中的所有星期二的日期背景为橙色（orange），如图所示
（3）使用组合选择符。

利用组合选择符，所有的标题为红色（red）。
利用组合选择符，设置日期表格中的所有表头和单元格背景为绿色（green）。
（4）使用后代选择符。

文中段落均未斜体显示，利用后代选择符，修改CSS，使得只有右上角的日期是斜体显示。
利用组合选择符，设置日期表格中的所有表头和单元格背景为绿色（green）。

打开10-，分别为font01，font02和font03建立三个css，分别设置字体为黑体，隶书和楷体。将文字添加到页面中，分别为标题、作者和正文应用三个不同的css。
（参考课本150-163页的内容）
（1），制作css样式并应用，设置文字色彩，表达下图所示的结果。
（2），制作css样式并应用，设置文字色彩，制作标志如下图所示。
（3）打开文件first-，制作css样式并应用，设置首字下沉效果。
（4），制作css样式并应用，根据文字内容提示设置相应字体大小。
（5）打开文件siz