.NET实习生每日十题Web前端技术面试题（二）

---

提示：以下是本篇文章正文内容，下面案例可供参考

---

1、CSS样式文件引入的方式有哪些? link和@import的区别是?

link连接方式和import导入方式，两者区别如下：

1）link链接时，不用写<style></style>
2）import导入时，一定要写<style></style>
3）一般而言，链接的效率要高于导入（因为导入样式表相当于是将所有的样式规则原样复制到当前源文件中，增加了代码量，从而影响了加载的速度）

2、边框样式常用属性有哪些？

border-width:边框宽度
border-style:边框样式(虚线、实线、双线等)
border-color:边框颜色

3、display属性有什么作用？它有哪些值？

display:none 隐藏标签元素
display:inline 在同一行显示
display:block 以块状方式独占一行显示

4、常见的页面布局方式有哪些？

表格布局、框架布局、DIV+CSS布局

5、什么是框架布局？如何进行框架布局？

框架布局是采用frameset将浏览器窗口分成几个独立的窗口，分别显示不同的页面的布局方式。
格式如下（假定做一个上下框架，并将下框架拆分为左右框架）：

<frameset rows="93,*" frameborder="0">
	<frame  src="top.html" />
	<frameset  cols="180,*">
		<frame src="left.html" name="left"/>
		<frame src="sys.html" name="right"/>
	</frameset>
</frameset>

6、什么是DIV布局？DIV+CSS布局有哪些优点？

DIV布局用DIV盒模型结构给各部分内容划分到不同的区块，然后用css来定义盒模型的位置、大小、边框、内外边距、排列方式等
优点如下：

表现和内容相分离
提高搜索引擎对网页的索引效率
代码简洁，提高页面浏览速度
易于维护和改版

7、分别介绍一下页面元素定位中的绝对定位、相对定位、流动定位、浮动定位，并阐述他们的区别

1）流动定位：
保持在标准文档流中原有的位置，元素是按从左往右，从上往下的顺序摆放， left,top等属性无效
2）相对定位：
相对定位是指相对于盒子元素原有的位置进行偏移，不会脱离标准文档流，也不对其他元素产生任何影响。需设定垂直方向和水平向的偏移量，分别是left、top、right、bottom。
3）绝对定位：
绝对定位是以某一个点为基准进行偏移。绝对定位是以最近的一个已定位的父级元素为基准，如果父级元素没有定位或没有父级元素，则以浏览器窗口为基准；会脱离标准文档流，不影响同一级的盒子元素位置。
4）浮动定位：
只能设置水平方向上的定位，指内容停靠在容器的左边还是右边。垂直方向上不能设浮动定位。

8、如何使用Dreamweaver建立本地站点和WEB站点

存放在本地磁盘上的网站称为本地站点，存放在Web服务器中的网站称为远程站点。
使用Dreamweaver在“站点”菜单中选中相应的菜单项根据提示选择路径确定即可

9、如何创建模板页？

创建步骤如下：
1.使用面板工具创建模板
2.将网页另存为模板
3.将需要改变的位置设置为可编辑区域

10、盒子模型由哪几个部分组成？

盒子模型包含：
margin(外补丁)、border(边框)、padding(内补丁)、content(内容)