web页面设计常见的面试题(二)

form表单

1、 简述POST和GET传输的最大容量分别是多少?

    GET方法传递数据,控制在1MB之内;POST方法传输数据没有大小的限制。

2、如何通过form表单控制上传文件的大小?

  在form表单中,通过隐藏域MAX_FILE_SIZE控制上传文件的大小,它必须放置在文件域之前才能够起作用。

3、查看下面代码,判断是否能够获取页面中传递的数据?

 <form>
     <input type="text" name="text">
     <input type="submit" name="sub" value="传递">
 </form>
    <?php
     if(isset($_POST[sub])){
       echo $_POST[text];
     }
   ?>

通过$_POST方法获取不到表单中提交的数据,可以使用$_GET方式实现获取数据。因为form表单在没有定义method属性和action属性时,默认情况下采用get的传递方式来传递数据,并且默认情况下为当前页面跳转。

4、如何设置form表单中的只读属性?

  利用 readonly 、disabled

5、在什么情况下,$name与$_POST['name']可以通用?

查考对PHP全局变量设置的了解程序。在php.ini文件中register_globals=On时,$name与$_POST['name']都可以获取form表单中表单元素name的值(以post方式提交)

虽然可以通用,但是不推荐使用这种方式,因为会给程序带来安全隐患。

CSS样式

6、CSS的含义是什么?

CSS层叠样式表(英文全称:Cascading Style Sheets),它是W3C协会为弥补HTML在显示属性设定上的不足而设计的一套扩展样式标准。其最大用途就是实现内容与表现形式的分离,改变网页的整体表现形式,使维护站点的外观更加容易,使HTML文档代码更加简练,缩短浏览器的加载时间。

7、在HTML页面中插入CSS样式你会使用哪几种方式 (说出三种)

a  内联方式(行内样式)

就是在HTML的标签中使用style属性来设置css样式
格式:<html标签 style="属性:值;属性:值;....">被修饰的内容</html标签>

<p style="color:orange;font-size:18px">在HTML中如何使用css样式</p>

b  内部方式(内嵌样式)

就是在head标签中使用标签来设置css样式
格式: <style type="text/css"> ....css样式代码 </style>
特点:作用于当前整个页面

c  外部导入方式(外部链入)
1 (推荐)就是在head标签中使用标签导入一个css文件,在作用于本页面,实现css样式设置

     格式:<link href="文件名.css" type="text/css" rel="stylesheet"/>
2 还可以使用import在style标签中导入css文件。

  如:<style type="text/css"> @import "style.css"; </style>
  特点:作用于整个网站

 他们的优先级:当样式冲突时,就是采用就近原则,是值css属性离被修饰的内容最近的为主。

 若没有样式冲突则采用叠加效果。

8、CSS样式修订的常用属性有哪些?

Border,定义边框的属性可以设置边框的宽度、颜色、样式。

background-color,设置背景颜色

background-image,设置背景图像

font-size ,设置字体大小

font-family,设置字体

text-align,设置或检索对象中文本的对齐方式

9、如何解决以下代码在IE6下的双倍边距问题?

   <style type="text/css">
        body{
            margin: 0;
        }
        div {
            float:left;margin-left: 10px;width:200px;height: 200px;
            border:1px solid red;
        }
    </style>

考查IE6下常见的Bug,虽然定义的外边距为10px,但是IE却解析为20px,解决此问题最好方法就是添加属性 display:inline;.

10、如何解决超链接被点击后hover样式不出现的问题

解析:
当超链接被点击后,经常会出现hover样式效果不显示的问题。解决这个问题其实很简单,只要对超链接的样式属性进行正确的排序即可。

排列顺序如下:link -> visited -> hover ->action

参考设置:

a:link{
    color:red;
    text-decoration:none;
}
a:visited{
    color: blue;
    text-decoration: none;
}
a:hover{
    color: black;
    text-decoration:over line;
}
a:action{
    color:black;text-decoration:overline;
}

11、如何解决火狐浏览器下文本无法撑开容器的高度问题?

  在火狐浏览器下,需要在原有基础上重新添加两个CSS属性,min-width和min-height,这样就不会出现类似的问题。也可以加入一个清除对齐方式的类clear:both属性的div来自动计算火狐浏览器的高度。

12、怎样定义1px左右高度在容器?

在div标签中控制文字的行高,超出行高的内容设置为不显示,代码如下:

div{
  overflow:hidden;| zoom:0.08 | line-height:1px;border:1px solid black;
}
发布了250 篇原创文章 · 获赞 102 · 访问量 98万+

猜你喜欢

转载自blog.csdn.net/fengqingtao2008/article/details/91383076