1、 文本与字体属性： text-decoration:文本修饰线 none(去除修饰线)、underline(下划线)、overline(上划线)、line-through(删除线) color：设置文本的颜色 font-size：设置字体大小 值要在单位 px font-style：设置文字的样 ...
分类：
Web程序 时间：
2016-10-23 00:17:34
阅读次数：
256
原文地址;http://www.cnblogs.com/chedabang/p/5973601.html “自古深情留不住，总是套路得人心。”这些日子，各个朋友圈随时可以见到这句话的身影。的确人们常说：“多一点真诚，少一点套路。”，但是最终现象写实也是那么残酷和无奈。 同样在前端攻城狮的道路，我们都 ...
分类：
其他好文 时间：
2016-10-19 01:39:32
阅读次数：
284
利用float进行页面布局时常常会出现父级元素没有高度的塌陷问题，如以下代码： 实际出现的界面如下： 和预期的效果不太一样： 解决上诉问题的方式： （1） 在父级元素上添加overflow:hidden属性，可以将父级元素撑大 （2） 在最后一个子元素后加入<div style="clear:bot ...
分类：
其他好文 时间：
2016-10-13 16:55:03
阅读次数：
137
和所有刚入门的菜鸟一样，我发现float有高度塌陷问题，又很偶然的发现float元素后加<img/>能消除float带来的破坏性。 后来百度了一下，大部分的float高度塌陷问题都没有提及img带来的影响。 解决高度塌陷问题方法： 1.在最后一个元素后加入<div style="clear:both ...
分类：
其他好文 时间：
2016-10-10 19:46:12
阅读次数：
142
对于以下简单代码： 如果您认为应该是这样的话： 那就错了。结果是这样的： 因为CSS中存在一个margin collapse，即边界塌陷或者说边界重叠。对于上下两个并列的div块而言，上面div的margin-bottom和下面div的margin-top会塌陷，也就是会取上下两者margin里最大 ...
分类：
Web程序 时间：
2016-10-07 14:01:25
阅读次数：
204
1.当两个行内元素紧邻时，它们之间的距离为第一个元素的margin-right 加上第二个元素的margin-left 2.而两个块级元素之间的距离不是margin-bottom与margin-top的总和，而是两者中的较大者。这个现象称为margin的“塌陷”现象，意思是说较小的margin塌陷到 ...
分类：
Web程序 时间：
2016-10-07 13:50:54
阅读次数：
226
网页布局： 1，网页需要分成几部分来写 2，可以使用居中容器来给两边定位 3，对于div的命名尽量用英文直译 4，搜索框和之中的图标想要放在一起可以把搜索图标作为背景放在button中使用相对定位来解决也可以用浮动来解决 5，父元素中的子元素若是添加了浮动。需要对父元素去除浮动。不然父元素会高度塌陷 ...
分类：
其他好文 时间：
2016-10-02 21:44:05
阅读次数：
169
塌陷问题 当两个盒子在垂直方向上设置margin值时，会出现一个有趣的塌陷现象。 ①垂直并列（少见） 首先设置两个DIV,并为其制定宽高 1 /*HTML部分*/ 2 <body> 3 <div class="box1">box1</div> 4 <div class="box2">box2</di ...
分类：
其他好文 时间：
2016-09-23 19:46:26
阅读次数：
170
在学习CSS的过程中，掌握一些常用方法或效果实现的原理对于我们的学习来说是很有帮助的。如最常见的清除浮动和取消外边距塌陷时使用overflow:hidden;，在学习初期往往只知道有这种用法，且使用时会受限，这样在学习掌握的过程中难免困惑和记错。在这里，根据查找网上学习资料和个人理解，尝试着用对BF ...
分类：
其他好文 时间：
2016-09-22 01:11:36
阅读次数：
150
程序代码需要用到的CSS样式body{ margin:0px; padding:0px; text-align:center; font:Arial, Helvetica, sans-serif; font-size:12px;}div,p,ul,li,h2,h3,h4,h5{ padding:0p ...
分类：
其他好文 时间：
2016-09-05 13:56:48
阅读次数：
246
