好程序员web前端教程分享HTML/CSS部分常见面试题。准备参加web前端面试的小伙伴们一起看一看吧，希望对大家有所帮助！ 1、什么是盒子模型? 在网页中，一个元素占有空间的大小由几个部分构成，其中包括元素的内容(content)，元素的内边距(padding)，元素的边框(border)，元素的外边距(margin)四个部分。这四个部分占有的空间中，有的部分可以显示相应的内容，而有的部分只用来分隔相邻的区域或区域。4个部分一起构成了css中元素的盒...
好程序员web前端分享HTML5常见面试题集锦四 1、为什么要初始化CSS样式？ 答案：因为浏览器的兼容问题，不同浏览器对有些标签的默认值是不同的，如果没对CSS初始化往往会出现浏览器之间的页面显示差异。 当然，初始化样式会对SEO有一定的影响，但鱼和熊掌不可兼得，但力求影响最小的情况下初始化。 2、浮动元素引起的问题？ 答案：a. 父元素的高度无法被撑开，影响与父元素同级的元素 b. 与浮动元素同级的非浮动元素会跟随其后 c. 若...
好程序员web前端分享HTML5常见面试题集锦四1、为什么要初始化CSS样式？答案：因为浏览器的兼容问题，不同浏览器对有些标签的默认值是不同的，如果没对CSS初始化往往会出现浏览器之间的页面显示差异。当然，初始化样式会对SEO有一定的影响，但鱼和熊掌不可兼得，但力求影响最小的情况下初始化。2、浮动元素引起的问题？答案：a. 父元素的高度无法被撑开，影响与父元素同级的元素b. 与浮动元素同级的非浮动元素会跟随其后c. 若非第一...
好程序员web前端分享HTML5常见面试题集锦第二篇，希望对大家有所帮助。 1. <div class="parent"><div class="child"></div></div>,父元素和子元素宽高不固定，如何实现水平垂直居中。方法1：<style type="text/css">html,body{height: 100%;}body{ margin: 0;display: flex; justify-content: center; align-items: center; }.parent{ display: flex; justify-content: center; align-items: center;}</style>方法2：html,body{hei...
好程序员web前端学习路线分享HTML5常见面试题集锦，接下来将会持续为大家分享几篇HTML5常见面试题。1.布局 左边20% 中间自适应 右边200px 不能用定位答案：圣杯布局/双飞翼布局或者flex 2.什么叫优雅降级和渐进增强？渐进增强 progressive enhancement：针对低版本浏览器进行构建页面，保证最基本的功能，然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。优雅降级 graceful degradation：一开始就构建完整...
1、HTML语义化 ⑴、什么是语义化? 首先标签语义化是指HTML，不是CSS, HTML是标签，CSS是属性标签语义化是让大家直观的通过标签(markup)和属性(attribute)来知道其用途和作用实例：看到img知道是图片，虽然通过div也能实现其功能, 但是缺乏可读性 ⑵、语义化的好处 即使在没有CSS样式的条件下，也能很好地呈现出内容结构、代码结构语义化HTML会使HTML结构变的清晰，有利于维护代码和添加样式方便其他设备解析（如屏幕阅读器、盲人阅...
单位 在使用不同类型描述长度值时，需要附加单位。不同的单位表示的含义是不同的 在 CSS 中具有 2 种不同类型的长度单位： 绝对长度单位相对长度单位 绝对长度单位 所描述的长度任何其他因素是无关的，是固定、不变化的。 单位名称等价换算cm厘米1cm = 96px/2.54mm毫米1mm = 1/10th of 1cmQ四分之一毫米1Q = 1/40th of 1cmin英寸1in = 2.54cm = 96pxpc十二点活字1pc = 1/16th of 1inpt点1pt = 1/72th of 1inpx像素1px = 1/96th o...
DTD 介绍DTD（Document Type Definition 文档类型定义）是一组机器可读的规则，它们定义 XML 或 HTML 的特定版本中所有允许元素及它们的属性和层次关系的定义。在解析网页时，浏 览器将使用这些规则检查页面的有效性并且采取相应的措施。 DTD 是对 HTML 文档的声明，还会影响浏览器的渲染模式（工作模式）SGML 、 HTML 、XML 和 XHTML 的区别？SGML 是标准通用标记语言，是一种定义电子文档结构和描述其内容的国际标准语言， 是所有...
??HTML这一块呢，说简单也简单，说难也不是那么容易。但我们在各个面试要求中，大部分都把HTML这一条摆在了第一位，重要性可想而知。这个位置算是有关HTML的一个汇总点了，亦会在这里及时补充。1，如何理解 HTML 语义化？ ??所谓HTML语义化，就是用恰当的标签去展示恰当的内容，像HTML5中新增的header、nav、footer等标签，而非什么都用div这种不具备语义化的标签来显示。这样做，增加了代码的可读性，有利于搜索引擎优化（SEO） 2...
1 DOCTYPE有什么作用？标准模式与混杂模式如何区分？它们有何意义?告诉浏览器使用哪个版本的HTML规范来渲染文档。DOCTYPE不存在或形式不正确会导致HTML文档以混杂模式呈现。 标准模式（Standards mode）以浏览器支持的最高标准运行；混杂模式（Quirks mode）中页面是一种比较宽松的向后兼容的方式显示。2 HTML5为什么只需要写 <!DOCTYPE HTML>？HTML5不基于SGML（Standard Generalized Markup Language 标准通用标记语言），因此不...
1.XML和HTML有什么不同 一、基础语言不同 1、XHTML是基于可扩展标记语言（XML）。 2、HTML是基于标准通用标记语言（SGML）。 （HTML最大的特点是简单性和跨平台性） 二、语法严格程度不同 1、XHTML语法比较严格，存在DTD定义规则。 2、HTML语法要求比较松散，这样对网页编写者来说，比较方便。 三、可混合应用不同 1、XHTML可以混合各种XML应用，比如MathML、SVG。 2、HTML不能混合其它XML应用。 四、大小写敏感度不同 1、XHTML对大...