setTimeout()与 setInterval()
setTimeout()只执行一次回调函数,而setInterval() 会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。
提示: 1000 毫秒= 1 秒。
setTimeout()与 setInterval() 都是异步的。
CSS hack和使用选择器美化checkbox
CSS hack
现在浏览器兼容性越来越好,已经越来越不需要hack了,但如果需要兼容IE7/8,CSS hack就很重要。
hack 即不合法但生效的写法,是比较偏门的写法,只在部分浏览器中生效。
CSS3 transform、transform-origin属性
transform属性
CSS3 transform属性 应用于元素的2D或3D转换,允许你旋转,缩放,倾斜或平移给定元素。这是通过修改CSS视觉格式化模型的坐标空间来实现的。
CSS非布局样式:背景
背景
background属性(其中包含了很多属性,这里具体补充 笔记CSS背景 中没有的渐变部分,其他参考笔记CSS背景)
多分辨率适配:图标需要适配移动端的时候可以将background-size调小,那么移动端上看到就会更加清晰。(大图调小一倍也就是“两倍图”/“高清屏”)
CSS选择器 知识点汇总
选择器伪类选择器和伪元素选择器的区别
伪类选择器:是已有元素的一种状态下的样式,它不是真实存在的元素(和伪元素要区分开)【比如:checked表示某些特定的元素被选中(参考笔记)】
伪元素选择器:不会出现在HTML中,也不会出现在DOM树中,但它是真实存在的元素,它可以在页面上显示内容、设置样式等等。
伪类单冒号,伪元素双冒号(但因为历史遗留问题,有的浏览器中伪元素也只能使用单冒号)【比如:h1::before可以在h1元素的内容前面插入新元素。】
补充:很久以前 伪元素选择器 刚出现时也是和 伪类选择器 一样使用单冒号的,所以去兼容一些老旧的IE时也有可能需要使用单冒号来写伪元素选择器,否则可能显示不出来,这是历史遗留问题。
可参考笔记伪类和伪元素