zoukankan      html  css  js  c++  java
  • 国庆节后试题

    测试时间(2016918日上午9:00-11:30,满分共100分(每题20分)

    1. 布局出该效果

     

    #one{ 0px; height:0px; border-top:100px solid #33C; border-right:100px solid transparent; border-bottom:100px solid transparent; border-left:100px solid transparent}

     

     

    <div id="one"></div>

     

     

     

     

     

     

    提示:使用DIV的border样式,调整边框粗细出现该效果,保留上边框,其它三个方向的边框需设置:border-left:100px solid transparent;来透明掉。

    1. 布局出该效果

     

    提示:DIV旋转使用的样式:transform:rotate(45deg);旋转45度

    第一种方法:

    #two{ 100px; height:100px; border-left:6px solid #63C; border-bottom:6px solid #63C;transform:rotate(45deg)}

     

    <div id="two"></div>

    第二种方法:

     

    #two1{ 100px; height:100px; transform:rotate(45deg)}

    #two2{ 100px; height:100px; position:relative; left:6px; top:-6px}

     

    <div id="two1">

    <div id="two2"></div>

    </div>

     

     

     

    1. 简述以下代码实现的效果:

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

    第一种方法:

    #menu{ 600px; height:40px; border:1px solid #e9e9e9;}

    .aa{ 100px; height:40px; float:left; text-align:center; vertical-align:middle; line-height:40px; font-weight:bold}

    .aa:hover{ cursor:pointer; color:white; border-top:2px solid #F39; height:38px; line-height:36px}

     

     

    <div id="menu">

    <div class="aa">春节</div>

        <div class="aa">元宵节</div>

        <div class="aa">端午节</div>

        <div class="aa">中秋节</div>

        <div class="aa">国庆节</div>

    </div>

    第二方法:#menu1{600px; height:40px; border:1px solid #e9e9e9;}

    .aa1{100px; height:38px; float:left; text-align:center; vertical-align:middle; line-height:38px; font-weight:bold; border-top:2px solid white;}

    .aa1:hover{cursor:pointer; color:white; border-top:2px solid #F39;}

    div id="menu1">

    <div class="aa1">春节</div>

        <div class="aa1">元宵节</div>

        <div class="aa1">端午节</div>

        <div class="aa1">中秋节</div>

        <div class="aa1">国庆节</div>

     

     

     

    1. 布局出该效果

     

    鼠标放上:

     

    要求:鼠标放上的过程中文字位置不移动。

     

    提示:字体微软雅黑,文字颜色#333,外边框颜色#e9e9e9,鼠标放上背景色#b3b6bb,鼠标放上边框颜色#F39

     

     

    1. 括号内可以写加或减,要使等式成立,括号里面应该填什么值。

    123()45()56()78 ()90 = 100

     

    提示:使用for循环嵌套,+1可代表加号(正1乘以一个数是整数),-1可代表减号(负1乘以一个数是负数,负数在加法运算中相当于减)

    <script type="text/javascript">

     

    var s = "";

     

    for(var i=-1;i<2;i=i+2)

    {

    for(var j=-1;j<2;j=j+2)

    {

    for(var k=-1;k<2;k=k+2)

    {

    for(var l=-1;l<2;l=l+2)

    {

    var leftzhi = 123+i*45+j*56+k*78+l*90;

    if(leftzhi == 100)

    {

    s = "("+i+")("+j+")("+k+")("+l+")";

    }

    }

    }

    }

    }

     

    alert(s);

     

    </script>

  • 相关阅读:
    java.net.ConnectException: localhost/127.0.0.1:8088 Connection refused java程序员
    网络模式:GSM,WCDMA,CDMA2000什么意思 java程序员
    Spring contextConfigLocation java程序员
    src总结 java程序员
    广州天河软件园面试Java实习生时的一些面试题 java程序员
    纠结了好久的Android SDK无法更新问题 java程序员
    Android SDK 2.3/3.0/4.0/4.1 下载与安装教程 java程序员
    域名解析文件hosts文件是什么?如何修改hosts文件? java程序员
    安卓模拟器Android SDK 4.0.3 R2安装完整图文教程 java程序员
    SpringBoot+mongoDB实现id自增
  • 原文地址:https://www.cnblogs.com/benpaodegegen/p/5881874.html
Copyright © 2011-2022 走看看