zoukankan      html  css  js  c++  java
  • 前端学习笔记--百度2010校园招聘题目

    1、img的alt和title的异同?(10分)

    首先,<img> 标签有两个必需的属性:src 属性 和 alt 属性

    alt内容为text,作用是规定图片的代替文本,图片显示不出来的时候就显示的这段文字。

    title属于标准属性(相关的还有id, class, title, style, lang, xml:lang),其内容为text,作用是鼠标滑过的时候显示文字,这是一个类似于备注、注释的属性,提供了额外信息给浏览者。然后下面答案所说的“为链接添加描述性文字”,应该就是给这个图片的链接添加,让用户知道点完了去哪儿。


    网上答案:title属性为设置该属性的元素提供建议性的信息。比如为链接添加描述性文字。
    为不能显示图像、窗体或applets的用户代理(UA),alt属性用来指定替换文字。使用alt属性是为了给那些不能看到你文档中图像的浏览者提供文字说明。

    2、JS主要数据类型?(5分)

    根据W3School JS的数据类型有:字符串(var x="Javascript")、数字(var x=6;)、布尔(var x =true;)Null(var x=null 清空该变量)、Undefined(var x 表示不含有值)

    【数组】一共三种形式:

          1、先初始化一个Array,再一个一个写里面的元素

            var fruit=new Array();

                           fruit[0]="apple";

             fruit[1]="peach";

             fruit[2]="banana";

          2、直接在初始化里写元素

            var fruit=new Array("A","P","B");

          3、直接直接在直接

              var fruit=["A","B","C"];

    【对象】花括号包含,内部形式name:value

                var computer={name:"lenovo", CPU:"core-i3", size:"14cun"};

                对象里的属性有两种表示方法:

          1、name=computer.name;

          2、name=computer["name"];


    网上答案:主要的类型有 number、string、object 以及 Boolean 类型,其他两种类型为 null 和 undefined。


    3、CSS的JS调用?如font-family, -moz-border-radius 。(10分)

    网上答案:fontFamily、MozBorderRadius


    4.CSS布局:两列,左边宽度自适应,右边宽度固定200px。

       

     1 <html>
     2 <head>
     3 <meta charset="utf-8">  
     4     <title> 
     5         2010百度前端校招-4
     6     </title>
     7     <style type="text/css">
     8         #box{
     9             width:100%;
    10             height:100%;
    11             position:relative;
    12         }
    13         #left{
    14             background-color:green;
    15             margin-right:200px;
    16             height:100%;
    17         }
    18         
    19         #right{
    20             background-color:red;
    21             float:right;
    22             width:200px;
    23             height:100%;
    24             position:absolute;
    25             top:0px;
    26             right:0px;
    27         }
    28     </style>
    29 </head>
    30 
    31 <body>
    32 <div id="box">
    33 <!--CSS布局:两列,左边宽度自适应,右边宽度固定200px。-->
    34     <div id="left">
    35     </div>
    36     
    37     <div id="right">
    38     </div>
    39 </body>
    40 
    41 </html>

    网上答案:

      1.   #box1{100%;height:600px;position:relative;}
      2.     #left1{margin-right:200px;border:1px solid red;height:100%;}
      3.     #right1{200px;height:100%;position:absolute;top:0px;right:0px;border:1px solid blue;}
      4.     <div id="box1">
      5.         <div id="left1"></div>
      6.         <div id="right1"></div>
      7.     </div>
  • 相关阅读:
    指针与数组实例练习(指针运算)
    C语言数组和函数实例练习(二)
    C语言数组和函数实例练习(一)
    近一个月的学习总结(4.8—5.12)
    Java网页小程序——Java Applet
    数据结构(二)线性表——链表
    JDBC的使用(MySQL数据库)
    Python变量类型及变量
    Shell编程语法
    文本处理三剑客
  • 原文地址:https://www.cnblogs.com/phpfreshman/p/3323536.html
Copyright © 2011-2022 走看看