前端开发面试必备：Doctype、模式区分与CSS盒模型详解

素包括：a、abbr、acronym、b、bdo、big、br、button、cite、code、dfn、em、i、img、input、kbd、label、map、object、q、samp、select、small、span、strong、sub、sup、textarea和tt。 块级元素包括：address、blockquote、center、dir、div、dl、fieldset、form、h1-h6、hr、menu、noframes、noscript、ol、p、pre、table、ul。 CSS盒模型是指在网页设计中，每个元素都可以看作是一个盒子，盒模型包括content、padding、border和margin。content指的是盒子的实际内容，padding指的是内容和border之间的空白，border指的是盒子的边框，margin指的是盒子和其他元素之间的空白。 3.什么是浮动和什么是清除浮动？清除浮动的方式？（1 ）浮动是一种布局方式，使元素在文档中呈现时脱离文档流，并向左或向右偏移。浮动的元素会影响其后的元素排列位置。（2 ）清除浮动是为了解决父元素包含浮动子元素时不能被正确撑开的问题。清除浮动的方式包括： a）使用空div标签清除浮动 b）使用overflow属性清除浮动 c）使用clear属性清除浮动 d）使用伪元素清除浮动 4.两栏布局、三栏布局的实现，包括圣杯布局和双飞翼布局？圣杯布局和双飞翼布局的优缺点？（1 ）两栏布局是指页面中有两栏内容，通常是一栏左侧导航，一栏右侧主内容；三栏布局是指页面中有三栏内容，通常是一栏左侧导航，一栏右侧主内容，一栏中间内容。（2 ）圣杯布局是通过给中间栏设置左右边距，再利用相对定位将左右边栏移到最左和最右的位置；双飞翼布局是在圣杯布局的基础上，加入了一个额外的内部元素用于放置左右边栏的内容。圣杯布局和双飞翼布局的优缺点分别是： 圣杯布局的优点是结构清晰，便于修改和维护；缺点是需要为左右边栏设置负边距，稍显复杂。双飞翼布局的优点是不涉及负边距，结构更加清晰简洁；缺点是在代码上会增加一个额外的内部元素。 5.CSS选择器有哪些？哪些属性可以继承？（1 ）CSS选择器包括： a）标签选择器 b）类选择器 c）ID选择器 d）后代选择器 e）交集选择器 f）并集选择器 g）子选择器 h）属性选择器 i）伪类选择器 j）伪元素选择器 （2 ）可以继承的属性包括： a）字体系列属性：font、font-family、font-size、font-weight、font-style、font-variant和font-stretch b）颜色属性：color、background-color、border-color和outline-color c）文本属性：text-decoration、text-transform、text-align、text-indent、line-height和word-spacing d）行高：line-height e）列表属性：list-style、list-style-type、list-style-position和list-style-image 总结来说，以上内容主要涵盖了前端开发中的一些基础知识，包括网页标准模式、HTML元素类型、CSS盒模型、浮动、布局等方面的知识点，对于前端开发者来说，这些知识是非常基础的部分，掌握这些知识对于提升自身的前端开发能力是非常有必要的。希望各位开发者在日常工作中能够不断地加深对于这些知识点的理解和实践，从而为自己的职业生涯打下坚实的基础。