js数据类型:
Es6:
Symbol、undefined
、null
、布尔值(Boolean)、字符串(String)、数值(Number)、对象(Object)。
双飞翼:左右:负margin-left,中间外盒width:100%;内盒子margin两边盒子大小;
圣杯: 左右:负margin-left,外部大盒子padding两侧盒子宽度,左右盒子position:relative; 然后负值左右移出宽度相同px
x+ =y
当x=10 y=5时
运算结果:
x=15 y=5
可以理解为x=x+y
在<head>加载外链脚本时候,可通过添加 defer 来让页面加载完毕后再执行js脚本
例:
<head> <script defer src="simple2.js"></script> </head>
这样页面就会在加载完页面后再加载 simple2.js 脚本。
当同一个 HTML 元素被不止一个样式定义时,会使用哪个样式呢?
一般而言,所有的样式会根据下面的规则层叠于一个新的虚拟样式表中,其中数字 4 拥有最高的优先权。
由4》1排序
- 浏览器缺省设置
- 外部样式表
- 内部样式表(位于 head 标签内部)
- 内联样式(在 HTML 元素内部)
因此,内联样式(在 HTML 元素内部)拥有最高的优先权,这意味着它将优先于以下的样式声明: 标签中的样式声明,外部样式表中的样式声明,或者浏览器中的样式声明(缺省值)。
提示:如果你使用了外部文件的样式在内部样式中也定义了该样式,则内部样式表会取代外部文件的样式。
CSS背景属性 Background 的属性设置注意事项:
当采用简写属性时,属性值的顺序为:
- background-color
- background-image
- background-repeat
- background-attachment
- background-position
例子:body {
background:#ffffff url('img_tree.png') no-repeat right top;
}
响应式中 @media screen and (min-width:600px) 表示最小宽度达到600时采用下面的样式。
而@media screen and (max-width:600px)表示宽度小于600时采用下面的样式。
在css3属性前缀中,
-moz-对应 Firefox,
-webkit-对应 Safari and Chrome
-o- for Opera
-ms- for Internet Explorer
现在绝大部分浏览器已经支持,这些参数是为了兼容老版本服务器的
JQuery 选择器内容
简单粗暴版本
如.append() 和appendTo()区别就在于攻受顺序问题, $("A").append(B)表示A的最后面添加B,$("B").appendTo(A)表示A的最后面添加B
.wrap 每个人加个爸爸
.append 最后面加个兄弟 (结合appendTo()来记)
.prepend 最前面加个兄弟(prependTo()来记)
.before 我的前面加个兄弟(结合insertBefore来记)
.after我的后面加个兄弟(结合insertAfter()来记)
.detach() 隐身
.remove 自杀
.empty 身体被掏空
.clone 复制 (true全复制 false 浅复制,无事件)
.replaceWith 删除并替换节点(结合.replaceAll()来记)
防止外边距重叠解决方案:
虽然外边距的重叠有其一定的意义,但有时候我们在设计上却不想让元素之间产生重叠,那么可以有如下几个建议可供参考:
- 外层元素padding代替
- 内层元素透明边框 border:1px solid transparent;
- 内层元素绝对定位 postion:absolute:
- 外层元素 overflow:hidden;
- 内层元素 加float:left;或display:inline-block;
- 内层元素padding:1px;