2023年11月25日发(作者：)

HTMLCSS常见⾯试题

HTML/CSS常见⾯试题

⼀、HTML篇

1.1、c/s架构和b/s架构分别是什么，有什么优缺点

BS:(Browser/Server,浏览器/服务器模式),web应⽤ 可以实现跨平台，客户端零维护，但是个性化能⼒低，响应速度较慢。

CS:(Client/Server,客户端/服务器模式),桌⾯级应⽤ 响应速度快，安全性强，个性化能⼒强，响应数据较快

区别

硬件环境不同： C/S⽤户固定，⼀般只应⽤于局域⽹中，要求拥有相同的操作系统，如果对于不同操作系统还要相应开发不同的版本，并且

对于计算机电脑配置要求也较⾼。

B/S 要求有操作系统和浏览器就⾏，与操作系统平台⽆关（可以实现跨平台），对客户端的计算机电脑配置要求较低。

B/S 优缺点

优点： 分布性强，客户端零维护。只要有⽹络、浏览器可以随时随地进⾏操作。

业务扩展简单⽅便，通过增加⽹页就可以实现增加功能。

维护⽅便，通过修改⽹页即可实现所有⽤户的更新。

开发简单，共享性强。

缺点： 个性化弱，个性化定制差。因为基于浏览器

跨浏览器差。

B/S的交互⽅式是请求→响应，需要动态刷新页⾯，响应数据考虑到⽹络问题。后台数据压⼒⼤。

安全性和速度上需要进⾏特定优化

功能不及传统模式

C/S 优缺点

优点： 能充分发挥客户端PC处理能⼒，可以在客户端处理数据后再发送请求。响应快。

1.4、你知道什么是⽂档声明吗？都有哪⼏种⽂档声明？如果没有⽂档声明会怎么样，什么是怪异模式、什么是标准模式？

1.8、title与h1的区别、b与strong的区别、i与em的区别？

title属性没有明确意义只表⽰是个标题，H1则表⽰层次明确的标题，对页⾯信息的抓取也有很⼤的影响；

strong是标明重点内容，有语⽓加强的含义，使⽤阅读设备阅读⽹络时：会重读，⽽是展⽰强调内容。是展⽰强调内容。

i内容展⽰为斜体，em表⽰强调的⽂本；

Physical Style Elements – ⾃然样式标签

b, i, u, s, pre

Semantic Style Elements – 语义样式标签

strong, em, ins, del, code

应该准确使⽤语义样式标签, 但不能滥⽤, 如果不能确定时⾸选使⽤⾃然样式标签。

1.9、div+css的布局较table布局有什么优点

正常场景⼀般都适⽤div+CSS布局，

1.12、如何实现浏览器内多个标签页之间的通信?

1.18、简述⼀下你对HTML语义化的理解？

1.25、css sprite是什么,有什么优缺点

1.4、CSS优先级算法如何计算？

1.8、CSS3有哪些新特性？

1.13、对BFC规范(块级格式化上下⽂：block formatting context)的理解？

1.18、在⽹页中的应该使⽤奇数还是偶数的字体？为什么呢？

1.23、如何修改chrome记住密码后⾃动填充表单的黄⾊背景 ？

1.29、有⼀个⾼度⾃适应的div，⾥⾯有两个div，⼀个⾼度100px，希望另⼀个填满剩下的⾼度。

1.35、rem和em