HTML5+CSS3面试题
01、简述<!doctype>的作用?
答:<!doctype>声明叫做文件类型定义,声明的作用是为了告诉浏览器该文件的类型。让浏览器解析器知道应该用哪个规范来解析文档。
02、常见的浏览器及其内核?
浏览器 | 内核 |
---|---|
Chrome | Webkit——>Blink |
Safari | Webkit |
Firefox | Gecko |
IE | Trident |
Opera | Presto——>Blink |
03、谈谈对语义化的理解?
答:语义化是指用合理的HTML标记以及其特有的属性去格式化文档内容。语义化的好处:在没有CSS的情况下,页面也能呈现出更好的内容结构;语义化使代码更具可读性,便于团队开发和维护;语义化有利于用户体验;语义化有利于SEO(和搜索引擎建立良好沟通,有助于爬虫抓取更多的有效信息。爬虫依赖于标签来确定上下文和各个关键字的权重)。
04、CSS引入方式有哪些?
答:通常引入样式表的方法有三种:外部样式表、内部样式表、内联样式。
内联样式
内联样式又称行内样式,使用该样式需要直接在标签内添加“ style=" " ”,再将需要的样式写在双引号内,如
<div style="background: red;">hello world!</div>
行内样式比较适合初学者学习的时候使用,在网站开发时尽量不要去用,因为使用这种样式会把结构和CSS全部融合在一个页面里面,造成代码冗余,后期调整样式的时候非常不方便。
内部样式
内部样式是一种适合案例或者比较小的页面的引入方式,它的语法是在在head标签里添加style标签,再在style标签的内容区添加需要的样式,如:
<head>
<style type="text/css">
div{background: red;}
</style>
</head>
内部样式比较适合案例或者比较小的页面中,因为它也会增加HTML文件的代码量。
外部样式
外部样式是使用最广的引入方式,适合比较大的页面或者整站开发。引入方法是将样式写css文件中,再将css文件链接到HTML文件里。使用标签链接到样式表。
<link href= "css文件路径" rel="stylesheet" type="text/CSS">
05、CSS基本选择器有哪些?
全局选择器*
* {
}匹配包含html在内的所有元素
标签选择器
标签名字 {
}
类选择器
.类名 {
}
<div class="类名"></div> 匹配的是拥有此类名的所有元素
id选择器
唯一识别 匹配的就是一个元素
#id值 {
}
<div id="值"></div> 匹配的是拥有此id值得一个元素
06、简述id与类选择器的区别
答:
- 类选择器使用.标识,id使用#标识
- 类选择器可以重复使用,同一个id在文档中只能出现一次
- 类可以使用词列表,id不可以
- id选择器的优先级高于类
07、如何合并表格单元格?
答:跨行合并 rowspan 跨列合并 colspan
08、thead、tbody、tfoot有什么用?
答:用来规定表格的各个部分(表头、主题、页脚),标签默认不会影响表格的布局。