2016年4月25日

详解Bootstrap网格系统

摘要: bootstrap框架中的网格系统就是将容器平分成12份,在使用的时候可以根据实际情况重新编译LESS/SASS源码来修改12这个数值。bootstrap框架的网格系统工作原理: 1、数据行(.row)必须包含在容器(.container)中,以便其赋予合适的对齐方式和内距(padding) 2、在 阅读全文

posted @ 2016-04-25 12:32 洛水三千 阅读(26472) 评论(12) 推荐(14) 编辑

2016年4月24日

详解Bootstrap导航组件

摘要: 在bootstrap框架中将导航独立出来成为一个导航组件,根据不同的版本,可以找到相应的源码: LESS: navs.less SASS: _navs.scss 标签形导航,也称选项卡导航 标签形导航是通过.nav-tabs样式来实现的,在制作标签形导航时需要在原导航类名为.nav的容器上追加类名. 阅读全文

posted @ 2016-04-24 21:56 洛水三千 阅读(9077) 评论(2) 推荐(2) 编辑

详解Bootstrap按钮组件(二)

摘要: 按钮下拉菜单 按钮下拉菜单仅从外观上看和下拉菜单效果基本上是一样的。它们唯一的不同是外部容器div.dropdown换成了div.btn-group bootstrap.css文件 按钮的向下向上三角形 按钮的向下三角形,是通过在button标签中添加span标签元素,且类名为.caret 这个三角 阅读全文

posted @ 2016-04-24 19:31 洛水三千 阅读(1189) 评论(0) 推荐(0) 编辑

2016年4月22日

详解Bootstrap按钮组件

摘要: 按钮组也是一个独立的组件,所以可以找到相应的源码文件: Less:buttons.less Sass:_buttons.scss Css:Bootstrap.css 3131行~3291行 按钮组和下拉菜单组件一样,需要依赖于button.js插件才能正常运作。 结构方面:使用一个类名为btn-gr 阅读全文

posted @ 2016-04-22 18:27 洛水三千 阅读(3820) 评论(0) 推荐(0) 编辑

详解Bootstrap下拉菜单组件

摘要: bootstrap框架中的下拉菜单组件是一个独立的组件,根据不同的版本,他对应的文件: less 对应的源码文件为:dropdowns.less sass对应的源码文件为:_dropdowns.scss 在使用bootstrap矿建的下拉菜单时,必须调用bootstrap框架提供的bootstrap 阅读全文

posted @ 2016-04-22 14:30 洛水三千 阅读(46976) 评论(0) 推荐(0) 编辑

2016年4月1日

布局模型(一)

摘要: 首先来了解什么包含块,css包含块是css标准布局中的一个重要的概念,它是绝对定位的基础。包含块就是为绝对定位元素提供坐标偏移和显示范围的参照物,即确定绝对定位的偏移起点和百分比长度的参考。 由于ie浏览器在解析多层包含时会存在一些问题,在ie浏览器中只有当绝对定位的元素拥有层特征时才能准确解析,层 阅读全文

posted @ 2016-04-01 18:07 洛水三千 阅读(399) 评论(0) 推荐(0) 编辑

2016年3月30日

图文规则混排

摘要: 孤立的图文混排在实际排版中用的比较少,这时图像仅作为插画或点缀。 为了使图像及其说明文字显示为整体,一般用div元素把图像和说明文字封装在一起,通过对div的控制来实现整体版式的控制。通过定义图像对象的浮动显示实现文本环绕的效果 例子: CSS: *{padding:0;margin:0;} .cont{ position:relative; ... 阅读全文

posted @ 2016-03-30 17:30 洛水三千 阅读(433) 评论(0) 推荐(0) 编辑

2016年3月21日

JavaScript数据类型转换汇总

摘要: ECMAScirpt中的数据类型:undefined、Null、Boolean、Number、String、Object 对一个值使用typeof操作符可能返回下列某个字符串: number(数字)、function(函数)、Boolean(布尔值)、string(字符串)、object(对象或nu 阅读全文

posted @ 2016-03-21 00:13 洛水三千 阅读(597) 评论(0) 推荐(0) 编辑

2016年3月20日

javascript自定义属性的应用

摘要: 你知道吗?JavaScript可以为任何HTML元素添加任意的自定义属性,而且你可能无意中已经使用过自定义属性了,那么自定义属性通常有哪些应用呢? 1、想用“匹配”、对应关系的时候就用索引值 2、同时控制多组元素 3、开关切换,多组元素开关的切换 就总结到这里,下面来看看几个例子吧 JavaScri 阅读全文

posted @ 2016-03-20 00:04 洛水三千 阅读(2271) 评论(1) 推荐(0) 编辑

2016年3月16日

js基础练习--控制多组图片切换

摘要: js基础练习题,一个按钮控制两组图片的切换,做这题的时候我忽然想到了将num1、mun2……都存放在一个数组中,根据索引值匹配到对应相应组的图片,这样不管有多少组图片都简单的搞定切换,可惜js基础都没学全,不知道数组的数组的变量怎么用,哎……先把问题放在这里吧,继续啃基础知识! CSS: HTML: 阅读全文

posted @ 2016-03-16 23:29 洛水三千 阅读(1480) 评论(1) 推荐(0) 编辑

2016年3月15日

JS练习--嵌套列表(for循环)

摘要: CSS: HTML: JS: 阅读全文

posted @ 2016-03-15 20:15 洛水三千 阅读(5226) 评论(0) 推荐(0) 编辑

JS练习--自动生成100个li

摘要: 点击按钮,自动生成100个li,红、黄、蓝、绿四种颜色的顺序显示出现在页面中 CSS: HTML: JS: 阅读全文

posted @ 2016-03-15 20:08 洛水三千 阅读(5898) 评论(0) 推荐(0) 编辑

模拟消息对话框完整版

摘要: CSS: HTML: JS: 效果图: 阅读全文

posted @ 2016-03-15 17:21 洛水三千 阅读(389) 评论(0) 推荐(0) 编辑

JS产品分类列表练习

摘要: CSS: HTML: JS: 阅读全文

posted @ 2016-03-15 17:14 洛水三千 阅读(1911) 评论(0) 推荐(0) 编辑

导航