HTML+CSS1.对WEB标准和W3C的理解和理解。标签闭合，标签小写，不随意嵌套，增加搜索机器人的搜索概率，使用外链css和js脚本，结构和行为表现分离，文件下载和页面速度更快，内容可以被更多用户访问，内容可以被更广泛的设备访问，更少的代码和组件，易于维护，易于修改，无需更改页面内容，提供无需复制内容的打印版本，提高网站的易用性。2、xhtml和html有什么区别？HTML是一种基本的WEB页面设计语言，XHTML是一种基于XML的标记语言。主要区别：XHTML元素必须正确嵌套；XHTML元素必须是封闭的；标签名称必须使用小写字母；XHTML文档必须有一个根元素。3、Doctype的作用是什么？严格模式和混杂模式有什么区别？他们的意义何在？1）声明在文档的最前面，在标签之前，告诉浏览器以何种模式呈现文档。2)严格模式的排版和JS运行模式都以浏览器支持的最高标准运行。按照W3C标准解析代码。3)混杂模式以轻松、向后兼容的方式解析代码。这意味着浏览器以自己的方式解析代码，模拟旧浏览器的行为以防止网站停止工作。4）如果DOCTYPE是名字或者格式不对，页面会被怪异的解析。5）Doctype标签可以声明三种DLD类型，即严格类型、过渡类型和框架类型。4.什么是行内元素？什么是块级元素？CSS盒子模型？块级元素：divph1h2h3h4formul内联元素：abbrispaninputselectCSS盒模型：content、padding、border（边框）、outerborder（外边距）5、CSS导入有哪些方法？链接和@import有什么区别？方法：内联法、嵌入法、链接法、导入法。不同点：1）link是一个XHTML标签，除了加载CSS外，还可以定义RSS等其他东西；@import属于CSS的范畴，只能加载CSS。2）当链接引用CSS时，在页面加载时同时加载；@import需要在页面完全加载后加载。3)link是一个XHTML标签，没有兼容性问题；@import是CSS2.1提出的，低版本浏览器不支持。4）ink支持使用Javascript控制DOM改变样式；而@import不支持它。6.什么是CSS选择器？哪些属性可以继承？优先级算法是如何计算的？哪个优先级更高，内联还是重要？CSS选择器：1)id选择器(#myid)2)类选择器(.myclassname)3)标签选择器(div,h1,p)4)相邻选择器(h1+p)5)子选择器(ul>li)6)后代选择器(lia)7)通配符选择器(*)8)属性选择器(a[rel="external"])9)伪类选择器(a:hover,li:nth-child)可继承样式：1)字体-size2)font-family3)color4)text-indent优先算法：1)优先和就近原则，权重相同的样式定义最接近2)加载的样式以最后加载的位置为准3)!important>id>class>tag4)importantthaninsideInline优先级高，但inline比id高7.前端页面有哪三层，分别是什么？作用是什么？结构层HTML：由HTML或XHTML等标记语言创建。标签，即出现在尖括号中的词，描述网页内容的语义，但这些标签不包含任何有关如何显示所讨论内容的信息。例如，P标签表达了这样一种语义：“这是一个文本段落”。表示层CSS：由CSS创建，CSS回答了“如何显示相关内容”的问题。行为层JS：负责回答内容应该如何对事件做出反应的问题。这是一个由Javascript语言和DOM主导的领域。8、CSS的基本语句结构是什么？选择器{属性1：值1；attribute2:value2;...}9.你在哪些浏览器上测试了页面？这些浏览器的核心是什么？Ie(Iekernel),Firefox(Gecko),Google(webkit),opear(Presto)10.标签上的title和alt属性有什么区别？Alt当图片不显示时，用文字表示Title，并为该属性提供信息11.描述cssreset的作用和用途。每个浏览器都有一些内置或通用的默认样式，或造成一些布局麻烦。cssreset的作用就是重置这些默认的样式，让样式保持一致。为了让页面获得浏览器的跨浏览器兼容性，需要使用reset文件的css代码覆盖浏览器的默认样式来统一样式。12.解释css精灵，如何使用。csssprites：雪碧图（Spriteimage），将一堆小图整合成一张大图，通过背景图相关设置（背景图，背景图是否重复，背景图定位）显示图片，减少服务器的请求图片Quantity使用步骤：1)制作一张有多个状态的组合图片，需要按照一定的规则进行处理2)给框显示背景（固定大小、宽、高），加载为背景，并让它部分显示3）通过背景图片定位（background-position）控制不同的显示状态13、浏览器标准模式和怪异模式有什么区别？所谓标准模式，就是浏览器按照W3C标准来解析和执行代码；该模式是使用浏览器自己的方式来解析和执行代码，因为不同的浏览器有不同的解析和执行方式，所以我们称之为怪异模式。使用window.top.document.compatMode显示什么模式。14、如何优化网站的文件和资源？预期的解决方案包括：1)文件合并2)文件缩小/文件压缩3)使用CDN托管4)使用缓存5)GZIP压缩您的JS和CSS文档15.什么是语义HTML？为什么它应该是语义的？语义HTML是编写HTML代码，符合内容（语义内容）的结构，并选择合适的标签（语义代码），可以方便开发者阅读和编写更优雅的代码，同时让浏览器能够很好地被爬虫和机器解析.语义的优点：1）有利于SEO，帮助搜索引擎爬虫更好地理解我们的网页，从而获取更有效的信息，增加网页的权重。2）在没有CSS的情况下，可以清晰的看到网页的结构，增强了可读性。3）便于团队开发和维护。语义化的HTML可以让开发人员更容易理解，从而提高团队的效率和协调能力。4)支持多终端设备的浏览器渲染。16.几种清除浮动的方法，各自的优缺点：1）使用空标签清除浮动clearfloating并且不得不增加无意代码的缺点，使用zoom:1为了兼容IE）3）使用afert伪元素清除浮动（针对非IE浏览器）17.如何居中div？如何使浮动元素居中？设置div一个宽度，然后将元素的左右外边距设置为auto，例如margin:0pxauto。然后div可以显示在中心。对于浮动元素，将其左右外边距设置为关键字auto是无效的。这时候如果需要设置它的居中显示，可以：1）准确计算它的左边距，设置它实现居中显示2）用一个居中的div元素来包含这个浮动元素18.新伪类的例子在CSS3中：p:first-of-type选择作为其父元素的第一个元素的每个元素。p:last-of-type选择作为其父元素的最后一个元素的每个元素。p:only-of-type选择作为其父元素的唯一元素的每个元素。p:only-child选择作为其父元素的唯一子元素的每个元素。p:nth-child(2)选择作为其父元素的第二个子元素的每个元素。:enabled:disabled控制表单控件的禁用状态。:checked单选或复选框被选中。19、HTML5的离线存储有几种方式？localStorage长期存储数据，关闭浏览器后数据不会丢失；sessionStorage数据在浏览器关闭后自动删除。20.请描述cookies、sessionStorage和localStorage的区别？相似点：都存储在客户端不同点：1）存储大小cookie数据大小不能超过4k。sessionStorage和localStorage虽然也有存储大小的限制，但是比cookie大很多，可以达到5M甚至更大。2）localStorage存储持久化数据的有效时间，除非主动删除数据，否则浏览器关闭后数据不会丢失。sessionStorage数据在当前浏览器窗口关闭后自动删除。cookie设置的cookie在cookie过期时间之前一直有效，即使关闭了窗口或浏览器。3）数据与服务器的交互cookie数据会自动传送给服务器，服务器也可以向客户端写入cookie。sessionStorage和localStorage不会自动向服务器发送数据，只是保存在本地。21.简述src和href的区别。href指向网络资源的位置，与当前元素（锚点）或当前文档（链接）建立链接，用于超链接。src是指向外部资源的位置，指向的内容会嵌入到文档中当前标签的位置；当请求src资源时，指向的资源会被下载并应用到文档中，比如js脚本、img图片和frame等元素。当浏览器解析到这个元素时，会暂停其他资源的下载和处理，直到该资源被加载、编译和执行。图片、框架等元素也是如此，类似于将指向的资源嵌入到当前标签中。这也是js脚本放在底部而不是放在头部的原因。22.简述同步和异步的区别。同步是阻塞模式，异步是非阻塞模式。同步是指进程在执行请求时，如果请求需要一段时间才能返回信息，则进程会等待，直到收到返回信息，然后再继续执行；异步意味着进程不需要一直等待。往下走，而是继续执行后面的操作，不管其他进程的状态如何。当有消息返回时，系统会通知进程进行处理，可以提高执行效率。23、为什么HTML5只需要写？HTML5不是基于SGML，所以不需要引用DTD，但是需要doctype来规范浏览器的行为（让浏览器按照应该的方式运行）；HTML4.01是基于SGML的，所以需要引用DTD来告知浏览器该文档使用的文档类型。24、CSS清除浮动的几种方法。1）使用带有clear属性的空元素2）使用CSS的overflow属性3）使用CSS的after伪元素4）使用相邻元素处理
