htmlcss多选题及答案,前端面试题（含答案）——HTML、CSS相关.docx

htmlcss多项选择题及答案，前端面试题(含答案)HTML、CSS相关HTML 相 H1、标签的定义与用法。定义和用法声明位于文档中的最前面的位置，处于标签之前。此标签可告知浏览器文档使用哪种HTML或XHTML规范。该标签可声明三种DTD类 型，分别表示严格版本、过渡版本以及基于框架的HTML文档。以下面这个标签为例：在上面的声明中，声明了文档的根元素是html，它在公共标识符被定义为"-/W3C/DTD XHTML 1.0 Strict/EN"的DTD中进行了定 义。浏览器将明白如何寻找匹配此公共标识符的DTD。如果找不到，浏览器将使用公共标识符后面的URL作为寻找DTD的位置。提示和注释：注释：标签没有结束标签！HTMLHTML 4.01 规定了三种文档类型：Strict、Transitional 以及 Frameset °HTML Strict DTD如果您需要干净的标记,免于表现层的混乱，请使用此类型。请与层叠样式表(CSS)配合使用：HTML Transitional DTDTransitional DTD可包含 W3C所期望移入样式表的呈现属性和元素。如果您的读者使用了不支持层叠样式表(CSS)的浏览器以至于您不得 不使用HTML的呈现特性时请使用此类型：Frameset DTDFrameset DTD应当被用于带有框架的文档。除frameset元素取代了 body元素之外，Frameset DTD等同于Transitional DTD :XHTMLXHTML 1.0 规定了三种 XML 文档类型:Strict、Transitional 以及 Frameset。XHTML Strict DTD如果您需要干净的标记，免于表现层的混乱，请使用此类型。请与层叠样式表(CSS)配合使用：XHTML Transitional DTDTransitional DTD可包含 W3C所期望移入样式表的呈现属性和元素。如果您的读者使用了不支持层叠样式表(CSS)的浏览器以至于您不得 不使用XHTML的呈现特性时请使用此类型：XHTML Frameset DTD当您希望使用框架时，请使用此DTD !2、块级元素和行内元素都有哪些？块元素(block element)address -地址* blockquote -块弓I用center -举中对齐块dir-目录列表div -常用块级容易，也是css layout的主要标签* dl-定义列表fieldset - form控制组* form -交互表单hl -大标题* h2 -副标题h3 - 3级标题* M - 4级标题h5 - 5级标题* h6 - 6级标题hr-水平分隔线* isindex - input promptmenu -菜单歹I表* noframes - frames可选内容，（对于不支持frame的浏览器显示此区块内容noscript -可选脚本内容（对于不支持script的浏览器显示此内容）* ol-排序表单p -段落* pre -格式化文本table-表格* U|-非排序列表内联元素（inline element）* a -锚点abb-缩写* acronym -首字b -粗体（不推荐）* bdo - bidi overridebig -大字体* br-换行cite -引用4code-计算机代码（在引用源码的时候需要）dfn -定义字段* em -强调font -字体设定（不推荐）* i -斜体img -图片* input -输入框kbd -定义键盘文本* label -表格标签q -短弓I用* s-中划线（不推荐）samp -定义范例计算机代码* select -工程选择small -小字体文本* span -常用内联容器定义文本内区块.strike -中划线* strong -粗体强调sub -下标* sup -上标textarea -多行文本输入框* tt -电传文本u-下划线* var-定义变量可变元素可变元素为根据上下文语境决定该元素为块元素或者内联元素。* applet - java appletbutton -按钮* del-删除文本iframe - inline frame* ins -插入的文本map -图片 区块（map）* object - object对象script -客户端脚本3、你真的了解HTML吗？！这道题自主把握CSS相欠1、介绍所知道的CSS hack技巧（如：_，*，+，9，!important之类）。开头的CSS只有IE6可以识别；开头的正6、IE7都可以识别；”+“开头的只有IE7可以识别;在css样式最后加0只有IE8可以识 别9的样式只要是IE都可以识别；！important可以被IE7、FF识别(IE6识别不能)不管是什么方法书写的顺序都是firefox的写在前 面TE7的写在中间 IE6的写在最后面°2、介绍CSS盒模型。我们在网页设计中常听的属性名：内容(content)、填充(padding)、边框(border)、边界(margin)，CSS盒子模式都具备这些属性。3、CSS层叠是什么？介绍一下。样式表的顺序：1 浏览器默认(browser default"优先级最低)外部 样式表(external style sheet) 3 内部样式表(internal style sheet) 4 -内嵌样式表(inline style )(优先级最高)4、都知道哪些CSS浏览器兼容性问题。div的垂直居中问题、margin加倍的问题、浮动ie产生的双倍距离、正与宽度和高度的问题、DIV浮动IE文本产生3象素的bug、IE6下为什 么图片下有空隙产生5、position值都有哪些position的4直有:relative、absolute、fixed、static ' inherit6、CSS3新增了哪些内容text-shadown:box-shadown:linear-gradient:radial-gradient:RGBA(alpha)border-radius:transform(变形)transition(一定时间平滑过渡)animation(动画)