2019-08-21 html+css相关面试题

1. 对WEB标准以及W3C的理解与认识

web标准简单来说可以分为结构、表现和行为。
标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外链css和js脚本、结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件，容易维护、改版方便，不需要变动页面内容、提供打印版本而不需要复制内容、提高网站易用性；

2. xhtml和html有什么区别

HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语言。
最主要的不同：

XHTML 元素必须被正确地嵌套。
XHTML 元素必须被关闭。
标签名必须用小写字母。
XHTML 文档必须拥有根元素。

3. Doctype? 严格模式与混杂模式-如何触发这两种模式，区分它们有何意义?

Doctype：用于声明文档使用那种规范（html/Xhtml）一般为严格过度基于框架的html文档。
如何触发这两种模式：加入XMl声明可触发，解析方式更改为IE5.5 拥有IE5.5的bug

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

块级元素：div p h1 h2 h3 h4 form ul
行内元素: a b br i span input select
Css盒模型:内容，border ,margin，padding

5.CSS引入的方式有哪些? link和@import的区别是?

引入方式：
内联内嵌外链导入

区别：

@import是 CSS 提供的语法规则，只有导入样式表的作用；
link是HTML提供的标签，不仅可以加载 CSS 文件，还可以定义 RSS、rel 连接属性等。
link标签引入的 CSS 被同时加载;
@import引入的 CSS 将在页面加载完毕后被加载。
可以通过 JS 操作 DOM ，插入link标签来改变样式；
由于 DOM 方法是基于文档的，无法使用@import的方式插入样式。

6.CSS选择符有哪些?哪些属性可以继承?优先级算法如何计算?内联和important哪个优先级高?

CSS选择符有哪些？

类型选择符（body）
群组选择符（h1，h2，h3，span）
包含选择符（h2 span）
ID选择符（#id）
Class选择符（.content）

哪些属性可以继承？

字体：font（style、weight、size、family）、color、line-height、letter-spacing、word-spacing

文本：text-indent、text-align、white-space、word-wrap

列表：list-style（type、position、img）

1. ```
表格：border-collapse
```

优先级算法如何计算？

id > class >tag
优先级就近原则

内联和important哪个优先级高
important优先级高