《CSS样式及HTML记.docx》由会员分享，可在线阅读，更多相关《CSS样式及HTML记.docx（3页珍藏版）》请在三一办公上搜索。
1、CSS样式及HTML记一、 上机要求 1、掌握CSS样式的应用，能制作并应用CSS样式。 2、掌握在一个网站中应用一个样式文件控制整个网站的格式 3、掌握HTML基本的标记，能够用HTML标记制作简单的网页 二、 上机内容 1、建立四个“类”样式，定义在当前文档中使用，能够实现如下效果的表格样式。 2、建立一个外部样式yangshi.css，能够控制整个站点中网页的格式。要求 要对body、td标签进行设置 对超链接的样式进行设置，要求a:link没有下划线，a:hover为粗体，颜色换成另一个颜色。 设置一个可以实现投影的样式.shadow。 3、用HTML标记制作一个含有文字、图片、超链接
2、的网页，设置文字居中，图片另起一段插入，超链接到一张网页。 4、在Dreamweaver的代码视图中插入代码实现走马灯的效果。 5、查找网页特效并把它的代码复制到网页中。 三、上机步骤 1、步骤如下： 窗口CSS样式，打开CSS样式面板，点击新建按钮，在出现的窗口中添加一个名字为“td1”的样式，类型为“类”，定义在选“仅对该文档”，“确定”按钮。 在出现的窗口中，选择“边框”，定义为上、下、左、右的边框均为1像素，实线、兰色，点击确定保存。 继续建立其他的样式td2、td3、td4，类型都为“类”，都是定义在“仅对当前文档”，唯一差别在边框的样式。 td2设置为：左，上、右、下边框均为1像素
3、，实线、兰色；td3设置为：上，左、右、下边框均为1像素，实线、兰色；td4设置为：上，左(无)、右、下边框均为1像素，实线、兰色。 选中各个单元格，分别应用对应的样式。 应用td1样式 应用td3样式 应用td3样式 2、 步骤如下： ，在出现的窗口中应用td2样式 应用td4样式 应用td4样式 应用td2样式 应用td4样式 应用td4样式 窗口CSS样式，打开CSS样式面板，点击新建按钮选择类型为“类”，定义在选择新建样式表名称，名称为shadow,接着保存样式文件为yangshi.css。 在出现的样式设置的窗口中选择扩展，在滤镜中选择Dropshadow，设置参数。 (3)继续设置其他样式，点击新建按钮，在出现的窗口中选择类型为标签，在标签的类型下拉列表选择body，定义在选择yangshi.css，确定，在出现的窗口中设置格式。 点击新建按钮，在出现的窗口中选择类型为“高级”，然后在选择器中选择相应的选项如a:link,定义在选择yangshi.css，确定，然后在出现的窗口中，类型对话框中勾选无选项，点击确定。 点击新建按钮，在出现的窗口中选择类型为“高级”，然后在选择器中选择相应的选项如a:hover,定义在选择yangshi.css，确定，然后在出现的窗口中，类型对话框中设置粗体，选择你想要的颜色。 3、认识常用的HTML标记 4、使用标记 具体参数 看
