第二部分 第二十章 CSS样式的高级应用-【职升课堂】中职计算机应用1同步训练（高教版）

第二十章CSS样式的高级应用 学习目标 1.了解(SS样式中列表、定位、层的批念。 2.能在网页中运用CSS样式进行网页设计。 3.能够灵活运用各种样式对网页进行美化 ■同步训练 6.在HTML中，将元素设为绝对定位，绝对 一、选择题 定位的属性值是( 1.下列不属于网页的基本组成元素的是 A.static B.relative ()。 C.absolute D.position A.框架 B.文字 7.在HTML中，浮动属性是( C.图片 D.动画 A.relative B.float 2.在网页中，列表符号显示为O,1ist- C.static D.position style--ype属性的值为( 8.在HTML中，清除属性是( ）。 A.decimal B.quare A.position B.relative C.dise D.circle 3.在网页中，列表符号显示为ABC…,ist- C.elear D.float style--ype属性的值为(）。 9.在HTML中，使用层裁切，该层定位属性 A.lower-roman B.upper-roman 的属性值必须是( o C.lower-alpha D.upper-alpha A.float B.absolute 4.在CSS中，设置列表符号的图像类型的属 C.relative D.static 性是( 10.在HTML中，定义层的高度是100像 A.list-style-image 素，宽度是150像素，以下正确的是 B.list-style-type )。 C.list-style-position A.width:100px:height:150px D.image-position 5.HTML元素定位属性是( B.width:100px:height:150pt A.outside B.position C.height:100px;width:150px C.inside D.upper-roman D.height:100px;width:150pt 152 第二部分HTML、CSS、JavaScript标准教程◆◆◆◆ 11.当层的内容超出层的大小，隐藏多余内 二、 填空题 容时，overflowt的属性值就设为( 1.在HTML中使用 标记 A.visible B.auto 来表示有序列表或无序列表。 C.hidden D.scroll 2.列表样式就是指列表项目的符号类型，主 12.设置层和其他元素的可见属性是 要使用 属性来设置。 ( 3.列表图像属性 用来设 A.visible B.visibility 置列表符号的图像类型。 C.overflow D.position 4.调整列表位置，设置列表符号缩进的属性 13.CSS中，修改鼠标指针形状的属性是 是 向内缩进的属 (）。 性值是 A.form B.shape 5.定位方式主要包含 C.fashion D.cursor 和 14.在网页中，鼠标指针显示为“箭头右上 6.在元素的定位中，top、bottom、lef、ight属 至左下”，cursor属性值为()。 性分别表示对象与其他对象的 A.default B.sw-resize 和 的相对 C.se-resize D.text 位置 15.在网页中， 鼠标指针显示为“等待” 7.在浮动属性值中 表示居左对 cursor属性值为( 齐，浮动元素在左边： 表示居右 A.pointer B.help 对齐，浮动元素在右边。 C.text D.wait 16.在HTML中使用<ol>、<l>标记来定义列 8.在清除属性值中， 表示在某元素 表为有序列表或无序列表。而在CSS中 左右两边都不允许有浮动元素。 是利用( )属性控制列表的样式。 9.在CSS中. 是由位于同一个平面的 A.list-style-position 元素组成 B.list-style-image 10.层的先后顺序是由层空间属性 C.list-style-type 来确定。 D.list-style 1l.z-index属性值越 层就越处于 I7.层溢出属性overflow的属性值要设置为 上层。 超出范围的内容，层随之扩大，应使用 12.在HTL中，层裁切的属性是 ()属性值。 13.在HTML中，层溢出的属性是 A.scroll B.hidden 14.层的属性主要包括层溢出、层可见、 C.auto D.visible 和 等。 153 职升课堂·计算机应用1◆ 三、程序设计题 li imgl left;margin:0 15px 00:width: 网页结果如下图，鼠标移动到对应的区 1OOpx;height::l0Opx:l/*设置左边浮动*/ 域，底色