纸上得来终觉浅，绝知此事要躬行

对于css中的margin塌陷问题，先看下面代码：1.并排元素之间的margin问题：html代码：Span2css代码：*{ margin:0px; padding:0px;}#no1{ background:#808000; width:300px; height:300px; margin-bottom:100px;}#no2{

盒子模型关于CSS重要的一个概念就是CSS盒子模型。它控制着页面这些元素的高度和宽度。盒子模型多少会让人产生一些困惑，尤其当涉及到高度和宽度计算的时候。真正盒子的宽度(在页面呈现出来的宽度)和高度，需要加上一些其它的属性，例如：padding + border + width= 盒子的宽度padding+ border + height = 盒子的高度这看起来并不是那么直观

盒子模型是html+css中最核心的基础知识，理解了这个重要的概念才能更好的排版，进行页面布局。下面是自己积累和总结的关于css盒子模型的知识^_^，希望对初学者有用。一、css盒子模型概念CSS css盒子模型 又称框模型 (Box Model) ，包含了元素内容（content）、内边距（padding）、边框（border）、外边距（margin）几个要素。如图：

背景:最近在做一个移动端项目适合发现a标签在点击之后会出现一层阴影。而这种情况在pc端并没有出现。查阅之后发现加上一行代码就可以了。-webkit-tap-highlight-color: rgba(0,0,0,0);看到网上有一些说是outline的原因，加上之后并没有什么效果，所以判断跟outline没什么关系。

单个标签实现分隔线：点此查看实例展示html:小小分隔线 单标签实现css:.demo_line_01{ padding: 0 20px 0; margin: 20px 0; line-height: 1px; border-left: 200px solid #ddd; border-right: 200px solid #dd

1.display:blocka:给元素设置该属性或者说block元素会独占一行,多个元素会各起新的一行,默认情况下block元素宽度自动填满父元素的宽度.b:可以设置width和heightc:可以设置margin属性和padding属性2.display:inlinea:给元素设置给属性或者inline元素不会独占一行,多个元素会排列在同一行,直到一行排不下去,才会新起一行

1.bootstrap中存在问题bootstrap导航添加自定义高亮切换问题:1.利用js添加样式上去点击之后会出现闪动后消失问题(不能解决,由于导航栏是通过工具拼接到每个页面中,不能在直接绑定高亮class样式)2.通过hash值是匹配否含有对应页面的导航,并且通过addClass().siblings().removeClass()这种方式不能解决3.通过阻止事件冒泡的方式重复

case1效果图：实现过程：html: css:.checkbox { width: 900px; padding: 3% 0px; margin: 50px auto; background-color: #9

先来看看效果图：实现过程：html代码： css代码:*{ margin:0px; padding:0px;}.radio-1 { width: 900px; padding: 3% 0%; margin: 10px auto;

相信大多数人在开发中一开始被教导应该使用偶数字体多于奇数字体，但是并不懂其中的缘由。本人总结了一些大牛的看法和实践。为何偶数居多？1.比例关系相对来说偶数字号比较容易和页面中其他部分的字号构成一个比例关系。如我使用14px的字体作为正文字号，那么其他部分的字体（如标题）就可以使用14×1.5 =21px的字体，或者在一些地方使用到了14×0.5=7px的padding或者margin，如果你是在用...