A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

© 阿喵呀 初级黑马   /  2019-4-17 18:00  /  898 人查看  /  0 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

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

















0 个回复

您需要登录后才可以回帖 登录 | 加入黑马