- 博客(12)
- 收藏
- 关注
RSS订阅原创 Bootstrap四-菜单、按钮、导航
下拉菜单（基本用法） /* html 里面的 role 属性是什么意思和用途,这是html5中的；role是表示元素扮演的角色，在这里就是这个div；role = complementary意思就是扮演补足的角色 */ /* html 里面的 role 本质上是增强语义性，当现有的HTML标签不能充分表达语义性的时候，就可以借助role来说明。通常这种情况出现在一些自定义的组件上，这样可增强组
2015-10-18 10:45:58
3669
原创 Bootstrap三——布局
基本用法 网格系统用来布局，其实就是列的组合。Bootstrap框架的网格系统中有四种基本的用法。由于Bootstrap框架在不同屏幕尺寸使用了不同的网格样式，在这一节中所涉及到的示例，我们都以中屏（970px）为例进行介绍，其他屏幕的使用也类似这一种。关于屏幕尺寸如下图： 1、列组合 列组合简单理解就是更改数字来合并列（原则：列总和数不能超12），有点类似于表格的colspan属性，例
2015-10-17 22:30:31
739
原创 Bootsrap二
水平表单 Bootstrap框架默认的表单是垂直显示风格，但很多时候我们需要的水平表单风格（标签居左，表单控件居右） 在Bootstrap框架中要实现水平表单效果，必须满足以下两个条件： 1、在元素是使用类名“form-horizontal”。 2、配合Bootstrap框架的网格系统。（网格布局会在以后的章节中详细讲解） 在元素上使用类名“form-horizontal”主要有以下
2015-10-17 16:19:22
577
原创 Bootstrap 初步
第一章p或者.p用于段落标签<p></p> <div class="p"></div>.lead则属于p的异类，为加强型突出的文字，.lead本身是定义是一个块级的标签样式，所以它不应该是在行内加强，而是单独作为一个段落标签, 如果想让一个段落p突出显示，可以通过添加类名“.lead”实现，其作用就是增大文本字号，加粗文本，而且对行高和margin也做相应的处理 <p class="lead"><
2015-10-17 08:56:48
479
原创 关于JQ的对象与DOM对象的关系的假设
js中的new Object();实际上是对实例化了一个 function Object(){[code]}; 与 function aa(){}; new aa();实质上无太大区别。所以控制台中会显示其constructor为 Object(); Object()整个就表示一个函数。而Object但单独显示是错的，要么就是加上双引号被解读成字符串！！！Js中有许多实例化对象的构造方法，如new
2015-10-15 11:46:51
614
原创 2015-10-12
IE6的父盒子永远会包裹住子盒子，子盒子永远不会超出父盒子。 无法完成内盒子的边框和外盒子的边框的重叠IE6/7盒子的overflow：hidden问题， IE6 当子盒子的尺寸超过父盒子时，IE6的父盒子会被子盒子撑开，子盒子的尺寸保持不变，而当设置了overflow属性之后，父盒子无法被子盒子撑开。IE6/7 的隐藏模式overflow：hidden均通过层级隐藏，即将子盒子放在父盒子的层下
2015-10-15 10:39:57
413
转载 IE6 浏览器常见兼容问题 大汇总（23个）
这个是转载自 独行冰海 的博客。 IE6以及各个浏览器常见兼容问题 大汇总 综述：虽然说IE6在2014年4月将被停止支持，但是不得不说的是，IE6的市场并不会随着支持的停止而立刻消散下去，对于WEB前端开发工程师来说，兼容IE6 兼容各个浏览器，依然是不得不面对的工作。 在此总结了常见的浏览器兼容问题，里面也有IE6的常见兼容问题，供大家分享。IE6 浏览器常见兼容问题 大汇总 - 独行冰海
2015-10-12 19:56:24
322
原创 2015-10-12
一、在IE7 中，有时候line-height对img无效，在img标签后面加上空格就行，或者在img前/后加上& nbsp;<style> .box{line-height:100px; height:100px;} </style> <div class="box"><img src="1.jpg" ></div>但是有时候line-height在IE7 中无效。<style>
2015-10-12 19:52:13
375
原创 2015-10-10 发现的问题及解决
displayinline-block的对齐当所有的display：inline-block以块内的文字为对齐标准，如果有块中没有文字，则将该行内块的块底部作为veritical-align：baseline处理 b{display:inline-block; height:30px; width:30px; background:#cc99f
2015-10-10 00:36:03
435
原创 每天发现的bug以及处理过程
———-ie双倍marginbug 在浮动的时候，ie会产生双倍的margin，只要给浮动元素加上display：inline就行，因为folat已经触发了layout，所以拥有布局。———-上边距重叠 边距重叠 hasLayout 会影响一个盒子和其子孙的边距重叠。根据规范，一个盒子如果没有上补白和上边框，那么它的上边距应该和其文档流中的第一个孩子元素的上边距重叠。 对父元素 BFC和
2015-10-08 10:13:45
380
原创 haslayout初步认知
———-IE专有的LayouthasLayout的字面意思是 “拥有布局”。在说明 hasLayout 之前，需要先说明一个跟它相关的概念–”Layout”，也就是“布局”。 “Layout”是IE/Win的专有概念，它决定了元素如何对其内容进行定位和尺寸计算，与其他元素的关系和相互作用，以及对应用还有使用者的影响。 “Layout”可以被某些CSS特性(property)不可逆的触发，而某些HTM
2015-10-02 10:18:54
305
转载 display:inline-block兼容ie6/7的写法
display:inline-block兼容ie6/7的写法 实例演示效果 display:inline-block作用? 使用display:inline-block属性，可以使行内元素或块元素能够变成行内块元素，简单直白点讲就是不加float属性就可以定义自身的宽、高，同时又能使该元素轻松在父元素居中显示！什么时候会用到display:inline-block? 在网站布局中，很多时候
2015-10-01 23:15:59
4229
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人