请简述HTML在Web标准中属于哪个分层,web前端面试题及答案

1.WEB标准以及W3C标准是什么？

标签闭合、标签小写、不乱嵌套、使用外链css和js、结构行为表现的分离。

1.1div中img怎么水平和垂直居中？

Div{width:200px; height:200px;text-align:center; font-size:0; overflow: hidden;line-height:200px; _line-height:178px;/*兼容IE6*/ }

Img{ vertical-align:middle;}

1.2 HTML中没有单位的属性是？

z-index:1; zoom:1; font-weight:200;

1.3 form表单中input标签的readonly 和disabled属性有何区别？

readonly=“readonly”是只读，不可以修改，disabled=“disabled”是禁用，整个文本框是显示灰色状态

form 中method是数据传递的方式，action是与后台数据库提交的

2.xhtml和html有什么区别

XHTML 元素必须被正确地嵌套，闭合，区分大小写，文档必须拥有根元素。

3.行内元素有哪些？块级元素有哪些？

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

块级元素：div p h1-h6 form ul dl ol table

4.行内元素和块级元素有什么区别？

行内元素不可以设置宽高，不独占一行;

块级元素可以设置宽高，独占一行。

5.我想让行内元素跟上面的元素距离10px，加margin-top和padding-top可以吗？margin-top,padding-top无效

6.CSS的盒模型由什么组成？

内容(width,height)，border ,margin，padding

6.1 简述div+css布局的优势？

(1)符合w3c标准；(2)兼容性好；(3)有利于搜索引擎很友好；(4)样式的调整更加方便；(5)css简洁的代码，能使样式和结构分离；

7.说说display属性有哪些？可以做什么？

display:block行内元素转换为块级元素

display:inline块级元素转换为行内元素

display:inline-block转为内联元素

display:box(css3新增的弹性布局属性)

8.CSS 选择符有哪些？

1.id选择器(# myid)

2.类选择器(.myclassname)

3.标签选择器(div, h1, p)

4.相邻选择器(h1 + p)

5.子选择器(ul < li)

6.后代选择器(li a)