• CSS测试题Ⅱ


    1.如何使用 CSS3 强制换行?

    A. word-wrap: break-word;

    B. text-wrap: break-word;

    C. text-wrap: force;

    D. text- set;

    答案:A. word-wrap: break-word;


    2.下面哪个是有效的 CSS3 转换语句?

    A. matrix()

    B. modify()

    C. skip()

    D. simulate()

    答案:A. matrix()

    注解:matrix() 方法把所有 2D 转换方法组合在一起 ,matrix() 方法需要六个参数,包含数学函数,允许您旋转、缩放、移动以及倾斜元素。


    3.如何使用 CSS3 旋转对象?

    A. object-rotation: 30deg;

    B. transform: rotate(30deg);

    C. rotate-object: 30deg;

    D. transform: rotate-30deg-clockwise;

    答案:B. transform: rotate(30deg);

    注解:transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。


    4.box-shadow 是否支持所有浏览器?

    A. 正确

    B. 错误

    答案:A. 正确


    5.如果 border-radius 设置为 0 会发生什么?

    A. 这个角将呈水平曲线

    B. 这个角是正方形的

    C. 这个角将垂直弯曲

    D. 这个角将消失

    答案:B. 这个角是正方形的


    6.要使 CSS3属性在较老的 Mozilla Firefox 浏览器上工作,需要哪个前缀?

    A. -webkit-

    B. -moz-

    C. -o-

    D. -gecko-

    答案:B. -moz-

    注解:-moz 代表 firefox 浏览器私有属性,为了兼容老版本的写法


    7.在RGBA 中 A 代表什么?

    A. alpha

    B. aqua

    C. apple

    D. about

    答案:A. alpha

    注解:A 表示 Alpha 透明度,取值 0~1 之间


    8.按顺序排列,border-radius 的四个值是?

    A. 上,下,左,右

    B. 上,下,前,后

    C. 左上,右上,右下,左下

    D. 左下,右下,右上,左上

    答案:C. 左上,右上,右下,左下

    注解:border-radius 可以带四个参数,并且以顺时针的方向解析,左上,右上,右下,左下


    9.关于css 浮动正确的是?

    A. 允许其他元素包围一个元素

    B. 元素可以推到左边或右边

    C. 以上两个都对

    D. 元素可以被推向任何方向

    答案:C. 以上两个都对


    10.font-size 值可以是绝对大小,也可以是相对大小?

    A. 正确

    B. 错误

    答案:A. 正确

    /* <absolute-size>,绝对大小值 */
    font-size: xx-small;
    font-size: x-small;
    font-size: small;
    font-size: medium;
    font-size: large;
    font-size: x-large;
    font-size: xx-large;
     
    /* <relative-size>,相对大小值 */
    font-size: larger;
    font-size: smaller;
     
    /* <length>,长度值 */
    font-size: 12px;
    font-size: 0.8em;
     
    /* <percentage>,百分比值 */
    font-size: 80%;
     
    font-size: inherit;

    11.在 CSS 中,不可能为不同的边框指定不同的填充?

    A. 正确

    B. 错误

    答案:B. 错误


    12.哪个属性用于更改背景颜色?

    A. " style="font-size: 16px;">

    B. bg-color:

    C. bground:

    D. b-color:

    答案:A. " style="font-size: 16px;">


    13.下面哪个选项是设置字体大小的正确方法?

    A. h2 {font-size:200%;}

    B. h2 {font-size:200px;}

    C. 以上两种方式都可以

    D. h2 {font-size:200;}

    答案:C. 以上两种方式都可以


    14._____选择器用于为唯一的一个元素指定样式?

    A. id

    B. class

    C. text

    D. bit

    答案:A. id


    15.将元素加粗的正确 CSS 语法是什么?

    A. span {text-size:bold}

    B. span {font-weight:bold}

    C. <span style="font-size:bold">

    D. <span style="text-size:bold">

    答案:B. span {font-weight:bold}

    注解:font-weight 属性设置文本的粗细


    16.在下面的代码段中,左边距的值是多少?

    margin: 5px 10px 3px 8px;

    A. 3px

    B. 10px

    C. 8px

    D. 5px

    答案:C. 8px

    注解:顺序依次是上、右、下、左


    17.如何在 CSS 文件中添加注释?

    A. /* 注释内容 */

    B. // 注释内容 //

    C. // 注释内容

    D. <! 注释内容>

    答案:A. /* 注释内容 */


    18.下面哪个选项将用于创建一个名为 header 的 ID,它的宽度为 750 像素,高度为 30 像素,文本的颜色为黑色?

    A. #header { height: 30px; 750px; color: black; }

    B. header { height: 30px; 750px; colour: black; }

    C. #header { height: 30px; 750px; text: black; }

    D. header { height: 30px; 750px; color: black; }

    答案:A. #header { height: 30px; 750px; color: black; }


    19.哪个 CSS 片段通常用于水平居中?

    A. site-align: center;

    B. site-align: center;

    C. margin: auto 0;

    D. margin: 0 auto;

    答案:D. margin: 0 auto;

    注解:margin:0 auto;可以使盒子居中,text-align:center;可以使此盒子内的内联元素居中


    20.如何使 list 不显示项目符号?

    A. list-style-type: no-bullet

    B. list: none

    C. bulletpoints: none;

    D. list-style-type: none

    答案:D. list-style-type: none

    注解:list-style-type 属性设置列表项标记的类型


    21.更改字体名称的正确 CSS 语法是什么?

    A. font-name:

    B. font:

    C. font-family:

    D. lfontname:

    答案:C. font-family:


    22.在 CSS 中导入样式表的正确语法是什么

    A. @import url(css/example.css);

    B. @import-stylesheet url(css/example.css);

    C. import-css url(css/example.css);

    D. @import-style url(css/example.css);

    答案:A. @import url(css/example.css);


    23.哪个 HTML 属性用于定义内联 CSS 样式?

    A. css

    B. style

    C. type

    D. id

    答案:B. style


    24.如何使文本中的每个单词都以大写字母开头?

    A. text-transform:capitalize

    B. text-transform:uppercase

    C. text:capitalize

    答案:A. text-transform:capitalize

    注解:ext-transform 属性控制文本的大小写


    25.下面哪个选择器选择 lang 属性包含单词 “fr” 的所有段落元素?

    A. p[lang]

    B. p[lang="fr"]

    C. p[lang~="fr"]

    D. p[lang|="fr"]

    答案:C. p[lang~="fr"]

    注解:p[lang~=”fr”] 选择 lang 属性中包含 “fr” 字样的所有段落元素


    26.锚元素的下列哪个属性表示未访问的超链接?

    A. :link

    B. :visited

    C. :hover

    D. :active

    答案:A. :link


    望能有所帮助。。。

     

  • 相关阅读:
    mysql基础命令(一)
    vue组件之间的通信
    wepy的使用
    mockjs中的方法(三)
    每周散记 20181022
    api资源
    三七
    画中画 视频合成
    每周散记 20180910
    linux文件权限多一个+啥意思
  • 原文地址:https://www.cnblogs.com/shihaiying/p/11968480.html
Copyright © 2020-2023  润新知