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
                *表格
                *组件：导航条 分页条
                *轮播图

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
                *表格
                *组件：导航条 分页条
                *轮播图