药师kabuto

1. 优先级分级 1. ! important !important是顶级优先级，唯一推荐使用它的场景为忽略JS脚本设置的样式，使js设置样式无效。对于其他场景都没有使用它的理由，切勿滥用 2. style属性内联样式 3. ID选择器 4. class类选择器，属性选择器和伪…

1. 用户行为伪类 selector:hover 表示匹配鼠标经过的selector选择器元素。 :hover不适用于移动端，虽然也能触发，但消失并不敏捷，体验反而奇怪。 selector:active 表示匹配激活状态的selector选择器元素（通过鼠标主键点击或触屏触摸的…

Box 是 CSS 布局的对象和基本单位， 直观点来说，就是一个页面是由很多个 Box 组成的。元素的类型和 display 属性，决定了这个 Box 的类型。 不同类型的 Box， 会参与不同的 Formatting Context（一个决定如何渲染文档的容器），因此Box内…

CSS position属性用于指定一个元素在文档中的定位方式。top、right、bottom、left 属性（值可为CSS数值单位，正负决定其方向）则决定了该元素的最终位置。 1. static定位 position属性的默认值，指定元素使用正常的布局行为，即元素在文档常规…

1. 实现原理 这是我们使用border的常规代码——往往只给border一个较小的宽度（通常为1-2px）；然而这样的日常用法就会容易让大家对border的形成方式产生误解，即认为元素的border是由四个矩形边框拼接而成。 然而事实并不是这样。实际上，元素的border是由…

1. XSS XSS，即 Cross Site Script，为跨站脚本攻击；其原本缩写是 CSS，但为了和层叠样式表(Cascading Style Sheet)有所区分，因而在安全领域叫做 XSS。 XSS 攻击是指攻击者在网站上注入恶意的客户端代码，通过恶意脚本对客户端网…

1. 前言 随着手机，平板等移动设备的普及，现如今的绝大多数web应用会对桌面端和移动端进行网页适配的兼容处理。由于移动端和桌面端设备的型号和分辨率种类比较繁杂，如果专门为这些不同设备和终端分别建立网站显然成本太高，很不现实，并且它们之间的界限也很模糊。所以创建可以适配多种设备…

1. 同源策略 所谓同源是浏览器的一种安全策略：若两个地址的域名、协议、端口 相同，则它们是同源的。 协议：浏览器连接并访问资源的遵从的统一约定。主要为http和https两种。 端口：不同的端口对应不同的应用程序，http网站首页一般默认端口为80端口，https则为443。…

1. WebStorage简介 在WebStorage出现之前，浏览器中存储本地数据基本使用技术的只能是cookie，并且cookie需要频繁的地服务器端进行传输交互。Web Storage是HTML5标准提出的新的浏览器本地存储方案，它的出现克服了由cookie带来的一些限制…