html和css基本常识总结

---恢复内容开始---

1.html和xhtml的区别

  html是web网页设计语言,xhtml是基于xml的标准设计语言。两者之间的不同在于xhtml语法要求严格,比如元素要闭合,标签要求小写,而html用法比较宽松

2.严格模式和混杂模式的区别

  严格模式就是浏览器根据web标准去解析页面,是一种比较严格的DTD,不允许有表现层的语法出现,而混杂模式是一种向后兼容的写法。

3.什么是锚点

  锚点相当与标签,可以链接到文档的某个位置,当定义锚点时点击链接可以直接跳转到该锚点

4.src和href的区别

  src是引入,href是引用。当浏览器解析到src而且当src未解析完成时时会停止对src以下内容解析直到解析完成,而href会并行解析

5.cookies session 和webstorage的区别

  cookie 保持在客户端,存储容量少一般为4kb,不安全容易造成cookie拦截

扫描二维码关注公众号,回复: 6651368 查看本文章

  session 保持在服务端,存储容量比cookie大,服务器会根据cookie中的sessionId返回session的值,但是频繁操作容易造成服务器内存压力过大。

  webstorage的出现就是为了解决cookie和session带来的问题,webstorage分为Localstorage(本地存储) 和sessionstorage(会话存储)。两者唯一区别就是localstorage一直在浏览器中存在,而sessionstorage仅在  会话期间可用。

6.url的主要组成

  url为统一资源定位符,主要有三部分组成,协议:// IP+端口 /文件所在路径

7.canvas与svg的区别及canvas的使用

8.缓存中的回退

  当指定服务器不可访问时,会选择显示某个文件。比如到达不了/home文件夹的时候会出现404页面。

9.什么时websql

  websql是浏览器客户端结构数据库,是浏览器本地的RDBMS,可以进行sql查询。

10.h5如何实现跨域请求

  在服务端设置允许在其他域名下访问 (header('Access-Control-Allow-Origin:*'); //允许所有来源访问     header('Access-Control-Allow-Method:POST,GET'); // 允许访问的方式

----------css部分-------------------------------------------------------------------------

1.css有哪些基本选择器以及他们的权重

  常见的有ID选择器,类选择器,标签选择器以及属性选择器,他们的权重依次递减。

2.css引入方式中,@import和link的区别是什么

  @import是异步加载,只能加载css文件且不支持DOM修改

  link是同步加载,除了加载CSS 文件外还能加载模板等支持DOM修改

3.相对定位和绝对定位

  position:relative 绝对定位(相对于文档流),  position:absolute 相对定位,  position:flxed 绝对定位(相对于浏览器或frame)

4.position:absolute和float 的异同点

  前后者都是脱离文档流,但是前者会产生“遮盖”现象,float会相左或者向右移动,碰到包含框或者浮动框就会停止。

5.媒体查询

  @media 媒体类型 and (媒体特性) {样式规则}

6.anmotion 和translation 的区别

  相同点都是通过元素的属性值来实现动画的,区别在于translation只能指定属性的开始值和结束值,然后在这两个属性之间使用平滑过度的方式来实现动画,anmotion是定义多个关键帧和每个关键帧的属性来实现更为复杂的动画。

7.标准模式和怪异模式

  怪异模式的出现主要是因为在浏览器标准出现在前各大浏览器的解析有不同的实现,为了兼容非标准的旧网页提出了怪异模式,怪异模式主要体现在盒子模型上。可以用window.top.document.compatMode来判断当前模式是何种模式。

8.FOUC的含义及怎样避免FOUC

  FOUC为无样式内容闪烁,主要是由于@import加载css样式文件产生的,IE文件首选加载文档中的DOM,再导入外部的css 样式文件,因此有一段时间无样式的,解决办法是用link引入。

---恢复内容结束---

猜你喜欢

转载自www.cnblogs.com/newCoo/p/11084863.html