css样式表分类.docx

样式表作用按照就近原则使用：样式表分类：1.行内样式表（设置开始标签的style属性）优先于内嵌样式表，当属性发生冲突时2.内嵌样式表（head内使用style标签）以下内容均在style标签内设置选择器：1.html选择器，html标签充当这个角色P设置属（实用大括号括起来）2.id选择器在标签内部设置一个id属性在标签内部id属性前加上一个#号，在head中进行设置#id_name属性值设置3.类选择器.类选择器名 属性值设置4.伪类选择器 常用于设置超链接 first-line 如p：first-line伪类选择器一般有冒号，首行与其他行产生不一样的效果超链接伪类选择器：a:link，a:hover,a:active,a:visited3.外部样式表 .css文件 1.使用标签进行引用加载页面时没有加载样式表，当使用到样式表才去寻找制定的样式 2.import url（url）与页面一起加载到缓存当中，占用资源，不建议使用该种方式，了解即可。import url(“styles/style.css”);层：div默认是上下排列 使用float属性可使层排列在一行当中； 或者在样式表的body中设置text-align：center；滤镜：Javascript脚本（netscape生产出的livescript 与java语法类似 所以更改为javascript）1. 基于对象和事件驱动2. 弱类型语言 java属于强类型语言3. 数据类型：整型、浮点 型、字符、布尔、null、NaN（isNaN(参数)）、undefined4. ./上层目录 ./根目录 变量区分大小写5. Script标签可以放在页面的任何位置，一般情况下放在，head标签中6. 定义变量 不在任何函数中的变量称之为全局变量-在脚本中定义的任何函数中都可以使用这些全局变量7. 函数 定义有和没有返回值的函数8. 使用关键字function定义javascript函数（注意不能在参数中使用var）9. 常用javascript内置函数A alertB confirm 例如：关闭当前窗口 var b=confirm(“确定关闭当前窗口”); if(b) window.opner=null;close();C prompt(“输入数字”,100); 输入一个数字，输入运算符，输入令一个数字，弹出结果D.eval(算数表达式) 将算术表达式直接运算出结果，返回E.document.write();将参数显示到页面上，将页面上的内容覆盖掉，用量不是很大10. 事件 当发生该事件时，执行方法中的内容-方法一Document.getElementByid(“tt”).onclick=testClick;Function testClick()Alert(“执行该函数”);方法二Document.getElementById(“tt”).onclick=function()方法体内容11. 使用js获取表单当中的文本中的值/var user=document.form.user.value; /通过document的表单的user的值var user=document.forms0.user.value;alert(user);12. With(document.form)alert(user.value);/默认在此大括号范围内隐含的包含着一个document.formalert(pass.value);13. innerText与innerHtml的使用if()div.style.display=”block”;div.innerText=”14. 定时器 setTimeOut()15. 历史对象 history.forward; go(1)History.back;go(-1)使用脚本实现前进后退 abc 在b页面当中设置两个按钮控制前进和后退16. 位置对象 实现页面跳转（实现类似于超链接 在js控制当用户名密码都成立时，控制跳转到下一个页面）Js脚本书写方式如下： 通过脚本实现页面的跳转function userLocation()location.href=”c.html”;17. 屏幕对象的属性和方法设置层居中，获取窗口高度和宽度的一半减去层高度和宽度的一半18. 窗口对象和方法设置状态栏信息 使用body标签的onload事件19. 表单对象function openNew()window.open(“页面地址如c.html”,”打开新窗口的名字”,”规定新打开窗口的规格(窗口属性等 状态栏 长 宽 高 等信息)”); 第三参数可以这样填写(”width=300,height=260,menubar=no,top=500”)20. form对象主要涉及到的知识点包括获取数据、判断空值、是否相等对单选按钮的操作For(var i=0;i单选对象.length;i+)If(单选对象i.checked)alert();对于复选框的操作也单选按钮的操作同onsubmit函数 在调用的函数当中需要有return值，如果为false不提交，true提交21. JSON对象22. AJAX23. ChangeImageFunction changeImage（）Var ops=form.mySelect.options;Var second=0;For(var i=0;iops.length;i+)If(opsi.selected)Second=spsi.value;changeOperation(second);Function changeOperation(s)Var i=Math.round(Math.random(s)*8)+1;/设置图片的名称Document.getElementById(“img”).src=”img/”+i+”.jpg”;/拼装srcsetTimeout(“change)Operation()”,s);24. function update(obj)if(confirm(“确定删除本条记录？”)location.href=”servlet?empno=obj”;25. onclick=”javascript:history.go(-1)”;26. js脚本控制实现全选/不全选onclick=”chooseAllOrNot();”27. 脚本实现 function cho