HTML+CSS面试题

1、XHTML与HTML区别?

  *XHTML文档必须有根标签

  *XHTML标签必须小写

  *标签必须关闭(空标签也需要关闭)

  *必须正确嵌套

  *属性值必须加引号

2、table/frame/div架构的网页有什么优缺点???

  talbe布局简单,浏览器兼容性相当高,几乎 所有浏览器的效果是一样的。缺点是:下载速度慢,太深的嵌套导致不容易被搜索引擎捕捉到信息

  frame一些功能上很方便,同时能在静态页中导入动态内容等。但是iframe创建的内联框架中的内容不会被搜索引擎检索。并且框架结构和链接导航问题很麻烦。

  div布局灵活,有利于被搜索引擎抓取,能提高页面下载速度。但是各个浏览器的效果不同。但是随着技术成熟这是一个趋势。

 

3、浏览器内核,就是浏览器最核心的部分,也就是浏览器渲染引擎(Rendering Engine).它决定了浏览器如何显示网页的内容以及网页的格式信息。

  • Trident内核:IE,360,搜过浏览器;
  • Gecko内核:Netscape6及以上版本
  • Presto内核:Opera
  • Blink内核:Opera
  • Webkit内核:Safari,Chrome

4、DTD:doctype definition。文档类型定义。定义了HTML文件采用了是哪一个版本的HTML规范

  为什么H5只需要写<!DOCTYPE html>?因为H5不基于SGML,所以不需要引用DTD,但是需要DOCTYPE来规范浏览器的行为。

  而H5之前都是就与SGML,需要对DTD引用,才能告诉浏览器文档所采用的的规范

5、单位px em rem 有什么区别?

6、引入CSS的方式@import和link有什么区别?

  link:是HTML的标签,不会有兼容问题,页面加载时就会被加载,权重比@import方式高,使用JavaScript控制DOM时只能采用link方式

  @import:是CSS提供,只能加载CSS样式,并且等待页面加载完成后才能加载。IE5之后才能采用。

7、position

  默认值:static,不开启定位流

relative:开启相对定位,相对于元素开启定位之前的位置进行定位。不脱离文档流,不改变元素的性质;元素会提升一个层级

absolute:开启绝对定位,相对于离元素最近的开启了定位的祖先元素进行定位,如果都没有开启定位,则相对于浏览器窗口进行定位。

    会脱离文档流;元素提升一个层级;改变元素的性质(类型行内块);

8、IE6中遇见的一些BUG?

  https://blog.csdn.net/sinat_36146776/article/details/52785024

  

 

转载于:https://www.cnblogs.com/qqinhappyhappy/p/11580329.html

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值