1、css
解析: link和@import的区别
1)link是xhtml标签,无兼容性问题;@import在css2.1提出,低版本浏览器不支持。
2)link可以加载css,js;@import只能加载js
3)link加载的内容是与页面同时加载;@import需要页面网页完全载入以后加载
4)link方式样式的权重高于@import的。
用法:
1)link的写法
( rel属性用于定义链接的文件和html文档之间的关系。StyleSheet的意思就是样式调用,rel=StyleSheet指定一个固定或首选的样式而rel="Alternate StyleSheet"定义一个交互样式。 )
<link href="index.css" rel="stylesheet"/>
2)@import的写法
<style type="text/css">
@import url('index.css')
</style>
2、媒体查询--针对不同媒体类型定义不同的而样式(响应式页面)
print用于打印机和打印机预览
没有mouse和key选项
3、BFC
BFC是块级格式化上下文,创建BFC的元素是一个独立的盒子,不过只有Block-level box可以参与创建BFC, 它规定内部的Block-level Box如何布局,并且与这个独立盒子里的布局不受外部影响,当然它也不会影响到外面的元素。
内部的Box会在垂直方向,从顶部开始一个接一个地放置。
Box垂直方向的距离由margin决定。属于同一个BFC的两个相邻Box的margin会发生叠加。
每个元素的margin box的左边,与包含块border-box的左边相接触(对于从左往右的格式化,否则相反)。即使存在浮动也是如此。
BFC的区域不会与float box叠加。
BFC就是页面上的一个隔离的独立容器,容器里面的子元素不会影响到外面的元素,反之亦然。
计算BFC的高度时,浮动元素也参与计算。
3、HTML5规范
A、id为纯数字
B、使用button元素必须指明type的属性值
C、html5可以省略结束标记的元素有
dd 、 dt、 li、 p、optgroup、 option、rt(标签定义字符(中文注音或字符)的解释或发音)、 rp、 thead、 tfoot、tr、td、th
D、input应该放到最前
5、html5
WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。
WebSocket 使得客户端和服务器之间的数据交换变得更加简单,允许服务端主动向客户端推送数据。在 WebSocket API 中,浏览器和服务器只需要完成一次握手,两者之间就直接可以创建持久性的连接,并进行双向数据传输。
6、
Ajax的优势:1、可搜索性 2、开放性 3、费用 4、易用性 5、易于开发
Flash的优势:1、多媒体处理 2、 兼容性 3、矢量图形 4、客户端资源调度
Ajax的劣势:1、可能破坏浏览器的后退功能 2、使用动态页面更新使得用户难于将某个特定的状态保存到收藏夹中
Flash的劣势:1、二进制格式 2、格式私有 3、flash文件经常很大,用户第一次使用的时候需要忍耐较长的等待时间 5、性能问题
7、优化CSS图片加载
A、减少对服务器请求
B、体积小,矢量
C、体积小,矢量,集成度高
D、减少对服务器请求
8 css选择器的n从0开始
9、hsl(色相,饱和度, 明度)
red = 0 = 360; green = 120; blue = 240
100%明度是白色, 0%明度是黑色,50%明度是一般的
10、document对象方法
A、window.onload
C、children是ParentNode的一个刻度属性,返回一个节点的子元素,是一个动态更新的HTMLCollection。
D、AJAX不是js的规范,用js执行异步网络请求。现代浏览器依赖XMLHttpRequest对象