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）

哪些属性可以继承？

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

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

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

• 4. 表格：border-collapse
     

优先级算法如何计算？

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

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