无论你是JavaWeb还是前端，都需要学习掌握html和css方面的内容，那在学习中或者面试中，我们可能会遇到的问题如下：
1.对WEB标准以及W3C的理解与认识？

（1）web标准规范要求，书写标签必须闭合、标签小写、不乱嵌套，可

提高搜索机器人对网页内容的搜索几率；

（2）建议使用外链css和js脚本，从而达到结构与行为、结构与表现的

分离，提高页面的渲染速度，能更快地显示页面的内容；

（3）样式与标签的分离，更合理的语义化标签，使内容能被更多的用户

所访问、内容能被更广泛的设备所访问、更少的代码和组件， 从而降低

维护成本、改版更方便；

（4）不需要变动页面内容，便可提供打印版本而不需要复制内容，提高

网站易用性；

遵循w3c制定的web标准，能够使用户浏览者更方便的阅读，使网页开发

者之间更好的交流。

2.行内元素有哪些?块级元素有哪些?CSS的盒模型?

块级元素：div p h1 h2 h3 h4 form ul

行内元素: a b br i span input select

Css盒模型:内容，border ,margin，padding

3.CSS引入的方式有哪些?

内联 内嵌 外链

4.CSS选择器有哪些？优先级算法如何计算?

css选择符：id选择器(# myid)、类选择器(.myclassname)、标签选择器(div, h1, p)、相邻选择器(h1 + p)、子选择器(ul > li)、后代选择器(li a)、通配符选择器( * )、属性选择器(a[rel = "external"])、伪类选择器(a: hover, li:nth-child)

Id>class>标签选择

5.css的基本语句构成是?

选择器{属性1:值1;属性2:值2;……}

6.你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么?

Ie(Ie内核) 火狐（Gecko） 谷歌（webkit） opear(Presto)

7.标签上title与alt属性的区别是什么?

alt属性是在你的图片因为某种原因不能加载时在页面显示的提示信息，它会直接输出在原本加载图片的地方；

title属性是在你鼠标悬停在该图片上时显示一个小提示，鼠标离开就没有了，有点类似jQuery的hover，你可以自己试试，另外，HTML的绝大多数标签都支持title属性，title属性就是专门做提示信息的；

8.Doctype作用? 严格模式与混杂模式如何区分？它们有何意义?

声明位于文档中的最前面，处于标签之前。告知浏览器以何种模式来渲染文档。

严格模式的排版和 JS 运作模式是 以该浏览器支持的最高标准运行。

在混杂模式中，页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为以防止站点无法工作。

DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现。

9.行和块元素的区别？

①块级元素（如div和p）：独占一行，其宽度自动填满父元素宽度，可以设置width、height、padding、margin。

②行内元素（如a、span、img）：相邻的行内元素会排列在同一行内，其宽度随元素的内容而变化，不可设width和height；margin和padding水平方向有效，竖直方向无效。

10.html和css区别？

HTML是网页内容的载体

。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。

CSS样式是表现就像网页的外衣。比如，标题字体、颜色变化，或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。

11.position的值有哪些？relative和absolute定位的原点是？

absolute 生成绝对定位的元素，相对于定位以外的第一个祖先元素进行定位；定位忽略padding，相对位置为相对定位容器的左上角内边框；定位会脱离文档，浮动起来，多个层重叠可以使用z-index属性改变层叠顺序

fixed生成绝对定位的元素，相对于浏览器窗口进行定位。

relative生成相对定位的元素，相对于其在普通流中的位置进行定位。

inherit 规定从父元素继承 position 属性的值。

12.如何清除元素浮动？

(1)使用clear:both清除浮动

(2)使用overflow属性（overflow:auto、overflow:hidden）

(3)使用display属性

(4)父级元素浮动

13.如何让一个元素水平垂直居中？

元素水平居中的方式：

(1)行级元素水平居中对齐（父元素设置 text-align:center）

(2) 块级元素水平居中对齐（margin: 0 auto）

(3)浮动元素水平居中

(4)让绝对定位的元素水平居中对齐

元素垂直居中对齐：

(1)对行级元素垂直居中（heiht与line-height的值一样）

(2)对块级元素垂直居中对齐

14.xhtml和html有什么区别?

HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语言；

最主要的不同：

XHTML 元素必须被正确地嵌套。

XHTML 元素必须被关闭。

标签名必须用小写字母。

XHTML 文档必须拥有根元素。

15.前端页面有哪三层构成，分别是什么?作用是什么?

结构层 Html 表示层 CSS 行为层 js

16.什么是CSS以及CSS的优点

什么是CascadingStyleSheets（层叠样式表）*CSS是CascadingStyleSheets(层叠样式表)的简 称.*CSS 语言是一种标记语言,它不需要编译,可以直接由浏览器解释执行(属于浏览器解释型语言).*在标准网页设计中CSS负责网页内容 (XHTML)的表 现.*CSS文件也可以说是一个文本文件,它包含了一些CSS标记,CSS文件必须使用css为文件名后缀.*可以通过简单的更改 CSS文件,改变网页 的整体表现形式,可以减少我们的工作量,所以她是每一个网页设计人员的必修课.*CSS是由W3C的CSS工作组产生和维护的.

17.采用CSS+DIV进行网页重构相对与传统的TABLE网页布局而具有哪些显著优势

1.表现和内容相分离将设计部分剥离出来放在一个独立样式文件中，HTML文件中只存放文本信息。这样的页面对搜索引擎更加友好。

2.提高页面浏览速度对于同一个页面视觉效果，采用CSS+DIV重构的页面容量要比TABLE编码的页面文件容量小得多，前者一般只有后者的1/2大小。浏览器就不用去编译大量冗长的标签。

3.易于维护和改版你只要简单的修改几个CSS文件就可以重新设计整个网站的页面。

随时欢迎您加微信号（Iotek666），进行交流，本微信号会不定期推送技术相关优质文章、热点资讯、视频资源及生活趣事，更乐意与您一起交流IT知识，让我们在闲暇之余巩固一下自己的知识体系 ，扩充一下自己的知识面。快利用琐碎时间给自己充电吧！