1.常见的事件
*点击事件
1.onclick:双击事件
2.onbclick:双击事件
*焦点事件
1.onblur:失去焦点
*一般用于表单校验
2.onfocus:元素获得焦点
*加载事件:
1.onload:一张页面或一副图像完成加载
*选中和改变
1.onchange 域的内容被改变
2.onselect 文本被选中
checked="true";
2.BootStrap
1.前端开发的框架
*框架:一个半成品软件,开发人员可以在框架基础上,再进行开发
*好处:
1.定义了很对的css样式和JS插件。可以直接使用这些样式与插件,得到丰富的页面效果
2.响应式布局
*同一套页面可以兼容不同分辨率的设备
2.快速入门
1.下载
2.在项目在将这三个文件夹复制
3.创建html,引入必要的资源
##响应式布局
*同一套页面可以兼容不同分辨率的设备
*实现:依赖于栅格系统:将一行平均分成12个格子,可以指定元素占几个格子
*步骤:
1.定义容器:
1.container :两边留白
2.container-fluid 每一种设备都是100%宽度
2.定义行 样式:row
3.定义元素.指定在不同设备上,所占的格子数。样式:col-设备代号-代号格子数
*设备代号
*xs
*sm
*md
*lg
*注意:
1.一行中如果格子数超过12个,超出部分自动换行
2.栅格类属性可以向上兼容。栅格类适用于与屏幕宽度大于或等于分界点大小的设备
3.如果真实设备宽度小于了设置栅格类属性的设备代码的最小值,则一个元素会占满一行
##css样式与JS插件
全局css样式:
*按钮:class="btn btn_defsult"
*图片: class="img-resposive” img-circle
*表格
*组件:导航条 分页条
*轮播图
|
|