HTML5+CSS3面试题

HTML5+CSS3面试题

01、简述<!doctype>的作用?

答:<!doctype>声明叫做文件类型定义,声明的作用是为了告诉浏览器该文件的类型。让浏览器解析器知道应该用哪个规范来解析文档。

02、常见的浏览器及其内核?

浏览器内核
ChromeWebkit——>Blink
SafariWebkit
FirefoxGecko
IETrident
OperaPresto——>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有什么用?

答:用来规定表格的各个部分(表头、主题、页脚),标签默认不会影响表格的布局。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

前端学习中。。。

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值