web前端开发技术(第3版)储久良著课后实验

实验7

1、使用内联样式表及内部样式表,设计如图所示页面,要求如下:
(1)使用标题字和段落标记进行文字显示,在内部样式表中定义body标记内信息“居中显示”、定义p标记字体为“隶书”
(2)通过p标记的style属性定义字体大小属性(font-size)的值分别为150%、200%、250%。“朝辞白帝彩云间”不定义任何样式
在这里插入图片描述
效果图
在这里插入图片描述

2、按如下要求设计“Web前端开发工程师工作内容”页面,要求如下:
(1)页面标题:Web前端开发工程师工作内容
(2)页面题目:1号标题字显示“Web前端开发工程师工作内容”;3号标题字显示“Web前端工程师在不同的公司,会有不同的职能,但称呼都是类似的。”
(3)采用无序列表显示内容,分四个方面,分别是“做网站设计、网页界面开发”“做网页界面开发”“做网页界面开发、前台数据绑定和前台逻辑的处理”“设计、开发、数据处理”;每一个列表项显示一种不同风格的工作内容,其中第一个列表项ID(li1)样式为“斜体、加粗、24px、黑体”;第二个列表项(li2)样式为“背景色#9999cc、字符间距1px”;第三个列表项(li3)样式为“字大小18px、颜色红色”;第四个列表项行内样式“颜色#0000cc、背景色#c0c0c0、隶书”
(4)定义全局样式为“楷体、蓝色”
在这里插入图片描述
效果图
在这里插入图片描述

©️2020 CSDN 皮肤主题: 1024 设计师:上身试试 返回首页