文档介绍:一. css 40 分 1. 什么是盒模型? 答:盒子是我们日常生活中的可装东西的箱子,它具有外边距 margin ,边框 border ,填充 padding ,装载内容 content 四个属性; css 盒子模型将网页中的元素看作一个个盒子,然后使用 css 技术对这些盒子的属性进行设置、渲染,从而达到我们所希望的页面布局和渲染效果。 2. Doctype 的几种类型? 答: doctype 是 document type( 文档类型) 简写,用来说明你用的 XHTML 或者 HTML 是什么版本。 1)、在 html 中有三种 doctype ,分别是: A、 transitional 宽松的模式,该 DTD 包含所有的元素和属性,包括展示性的和弃用的元素(如 font), 不允许框架集( Framesets )。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Transitional//EN" "/xhtml1/DTD/xhtml1-"> B、 Strict 严格的模式,该 DTD 包含所有的元素和属性, 但不包括展示性的和弃用的元素(如 font), 不允许框架集( Framesets )。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Transitional//EN" "/xhtml1/DTD/xhtml1-"> C、 Frameset 专门针对框架页面设计使用的 DTD ,等同于 transitional 模式,但不允许框架集( Framesets )。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Transitional//EN" "/xhtml1/DTD/xhtml1- f ramesets .dtd"> 2) 、在 html5 中只有一种模式,就是<!D octype html> 3. 如何布局左不动右边自适应的两列布局? A 左边浮动,右边加上一个 margin-left 值< div id= "left" > Left sidebar </ div > < div id= "content" > Main Content </ div > < style >*{ margin :0; padding :0;} #left { float : left ; width : 220 px; background-color : green ; } #content { background-color : orange ; margin-left : 220 px; /*== 等于左边栏宽度==*/ } #left , #content { min-height : 200 px; height : auto !important ; height : 200 px;} </ style > B 浮动和负边距实现< div id= "left" > Left Sidebar </ div > < div id= "content" >< div id= "contentInner" > Main Content </ div > </ di