习题

一、选择题

1.如果要在不同的网页中应用相同的样式表定义,应该( )。

A.直接在HTML的元素中定义样式表

B.在HTML的<head>标记中定义样式表

C.通过一个外部样式表文件定义样式表

D.以上都可以

2.下列( )表示p元素中的字体是粗体。

A.p{text-size:bold}

B.p{font-weight:bold}

C.<p style="text-size:bold">

D.<p style="font-size:bold">

3.下列( )表示a元素中的内容没有下划线。

A.a{text-decoration:nounderline}

B.a{underline:none}

C.a{text-decoration:none}

D.a{decoration:nounderline}

4.下列( )表示上边框线宽10px,下边框线宽5px,左边框线宽20px,右边框线宽1px。

A.border-width:10px 1px 5px 20px

B.border-width:10px 5px 20px 1px

C.border-width:5px 20px 10px 1px

D.border-width:10px 20px 5px 1px

5.下列( )表示左边距。

A.margin-left

B.margin

C.indent

D.text-indent

6.下列哪个CSS属性能够设置文本加粗?( )

A.font-weight:bold

B.style:bold

C.font:b

D.font=

7.下列哪个CSS属性能够设置盒模型的内填充为10px、20px、30px、40px(顺时针方向)?( )

A.padding:10px 20px 30px 40px

B.padding:10px 1px

C.padding:5px 20px 10px

D.padding:10px

8.如何能够定义列表的项目符号为实心矩形?( )

A.list-type: square

B.type: 2

C.type: square

D.list-style-type: square

9.在CSS语言中下列哪些选项是背景图像的属性?( )

A.背景重复

B.背景附件

C.纵向排列

D.背景位置

10.CSS中的选择器包括( )。

A.超文本标记选择器

B.类选择器

C.标签选择器

D.ID选择器

11.CSS文本属性中,文本对齐属性的取值有( )。

A.auto

B.justify

C.center

D.right

E.left

12.边框的样式可以包含的值包括( )。

A.粗细

B.颜色

C.样式

D.长短

二、案例分析题

1.解释以下CSS样式的含义。

  div{
        border:12px  #fff  solid;
        font:12px ;
        width:500px;
        height:750px;
        }
  td,th{
      padding:5px;
      border:2px;
      border-bottom-color: #fff;
      }
  div.myDiv{
      padding:1px 2px 1px 2px;
      }
  h2#myTitle{
       background:url(images/top.jpg)  100% 50% no-repeat;
       margin:0;
       }
  #header,#footer{
      margin:0 auto;
      width:85%;
      }
  #content{
     position:absolute;
     top:10px;
     left:20px;
     width: 300px;
     }

2.写出下列要求的CSS样式表。

(1)设置整个页面背景图像为top.JPG,要求图像垂直重复。

(2)设置按钮的样式:按钮背景图像为top.JPG;字体颜色为#FFFF;字体大小4px;字体粗细bold;按钮的边界、边框和填充均为0px。

(3)设置td标签样式:设置字体颜色为红色;内容与边框之间的距离为5px。