HTML、CSS、JS、Jq知识总结

1.坐标的设置
设置一个div的坐标之前，必须先设置他的位置类型。
div{
position: absolute;
left: 35%;
top: 50%;
}
2.设置div的float属性很重要，有div设置float时，在某些状况下，很多div也要设置float否则会发生div重叠现象。

3.$(".person_msg").empty();清空div的内容

4.利用jq在元素中追加内容，以下几种方法
append() - 在被选元素的结尾插入内容
prepend() - 在被选元素的开头插入内容
after() - 在被选元素之后插入内容
before() - 在被选元素之前插入内容

5.页面清空并部分刷新，考虑ajax以及div.remove()模块的清除

6.!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->

7.不同的标签赋值的方法不同
p:html()
input:val()
8.select 标签有一个onchange事件

8.光标移开文本框触发的事件 onblur 事件

9.有时候没有小数点会出错
var weight1 = num1.6;
var weight2 = num4.0 ;
10.内容的清空p、span标签用empty(),input的用val("")

11.文本对齐着重考虑使用ul

12.checkbox的大小最好不要改变

13.生成随机四位英文字母，A-Z即65+0-25，String.fromCharCode(65+Num)
Math.ceil(math.random()*25);

14.如何消除标签、模块div之间，页面之间的间隔
设置body,div{margin:0,padding:0}
有浮动则设置同样的浮动方式：float:left

15。设置表格奇书，偶数行颜色
.tb tr:nth-child(odd){

.tb tr:nth-child(even){ }
16.样式在html中起作用，在css中却失效，原因如下：
1、标签未关闭
2、优先级较低
3、声明编码格式不对
4、结尾未加分号
5、JS影响
6、页面一开始声明就出错了
7、其他
8.取名最好不要与标签名相同

17.模块样式最好相互独立，否则容易出现问题

18.如何让图片随屏幕自适应

body{
//1.加载背景图片
//背景图片不平铺
background-repeat: no-repeat;
//3.背景图片位子相对于viewport固定
background-attachment: fixed;
//4.背景图片根据容器大小伸缩
background-size: cover;
}

18.容器的百分比

body的百分比相对于电脑屏幕而言
div的百分比相对于body而言
层层嵌套

19.代码没错却不起作用

系统暂时无法识别代码，标签等，删除重写。

20.页面加载特别慢
原因，代码中存在引入错误