CSS的盒模型 1.单个盒子的定位修改 (1)盒子由内到外的组成(content、padding、border、margin)
2.多个盒子的定位修改 (1)CSS的三种基本定位机制 --文档流(块级盒子,行内盒子) --浮动(脱离了文档流,盒子的叠加,内容的挤占,只能浮动左右,清除浮动,显示属性 ) --定位(position) position:static --是一个默认值,不管有没有用到该CSS属性 --属于文档流定位方式,top、left等等CSS属性不会生效 ps:top、left配合相对属性使用 position:absolute --表明该元素可被锚定 --自己本事的显示位置是相对于最近的可以被锚定的父元素,如果没有,则是相对于页面 --脱离了文档流 --可以使用top、left position:relative --表明该元素可以被锚定 --不脱离文档流,锚定的是原本应该在父元素中文档流的原始位置 --可以使用top、left position:fixed --表明该元素彻底独立,脱离文档流,相对窗体(浏览器)进行定位 --可以使用top、left、right、bottom辅助定位
层叠顺序属性(z-index) --可以控制显示的优先级,即谁覆盖谁
3.页面布局 (1)布局的分类:固定、自适应、响应式 (2)一栏布局方式:固定式布局,使用margin完成页面内容居中 (3)两栏布局方式:使用float配合margin完成左右布局 (4)响应式布局使用的是flex(扩展)
JavaScript程序设计基础 1.JavaScript的特点:脚本语言、解释型语言(脚本语言是一种解释型语言) 、基于对象、事件驱动(核心) 缺点:慢
2.如何引用 (1)在head元素中,使用script标签元素 function为定义函数;alert是弹窗 (2)使用script标签元素中的src属性引用真正的js文件 注意:路径中的js文件需要包括后缀名, 不是必须放置在head中,body中也可以放置 (3)便捷式的,在元素标签内部的事件捕捉相关属性里使用 (4)调试方式:使用浏览器的控制台进行JavaScript的调试。console.log(); (5)数据类型:数字(number)
3.数据类型
(1)值类型
number,string,Boolean,underfined
(2)引用类型
object,function,orray
4.类型的判断以及转换 判断:typeof对应值类型变量,instanceof对应引用类型变量 转换:解析字符串,将字符串转换成指定进制的数据,parseint 其他数据转换字符串,tosting,sting
5.在Javascript获取HTML元素的动态值 P190 问题1:html中如何驱动Javascript函数 问题2:在Javascript的函数中,如何获取html上用户动态输入的值 问题3:在Javascript的函数计算完成后,如何将结果反馈到特定的html元素上
6.常用的系统函数 编解码URL函数,成对 is系列:判断系列 parse系列:解析系列 eval函数:可以将字符串当成代码执行
7.Javascript的面向对象 (1)类的定义 function student(sno,sname,age){ this.sno = sno; this.sname = sname; this.age = age; this.showinfo=function(){ console.info("学生的学号:"+sno+",姓名"+sname+",年龄"+age); }; (2)实例化对象并使用(调用该实例的方法) 创建对象-------html var s1; var s2; function console_obj(){ s1=new student("12345","zs",20); s2=new student("11345","ls",20); s1.showinfo(); s2.showinfo(); }----------------------------Javascript
8.数学对象 P209 数学方法,随机数 }