第一：行内元素与宽度宽度不起作用span{width:200px;}没有变化第二：行内元素与高度高度不起作用span{height:200px;}没用变化第三：行内元素与padding,marginspan{padding:200px;}影响左右，不影响上下行内元素（inline-block）的padding左右有效，但是由于设置padding上下不占页面空间，无法显示效果，所以无效。其margi
分类：
其他好文 时间：
2018-05-14 15:13:54
阅读次数：
419
选择器 盒子模型 内填充距离当设置padding-left 或padding-right后，会增加元素的宽度，如果要使宽度不变，应该在原有基础上减去对应的值设置padding-top 或padding-bottom后，也是如此外边距当设置某一个盒子的margin-bottom和另一个盒子的margi ...
分类：
Web程序 时间：
2018-05-03 17:23:35
阅读次数：
244
zoom:1确实帮我们解决了不少ie下的bug，但是它的来龙去脉，又有多少人知道呢？ 所以我老生常谈，说一下它的来龙去脉。 Zoom属性是IE浏览器的专有属性， 它可以设置或检索对象的缩放比例。 在平常的css编写过程中，zoom:1能够比较神奇地解决ie下比较奇葩的bug。 譬如外边距（margi ...
分类：
其他好文 时间：
2018-02-25 19:03:04
阅读次数：
143
1、浏览器默认的margin和padding不同。解决方式是加一个全局的*{margin:0;padding:0;}来统一。 2、png24为的图片在iE6浏览器上出现背景，解决方式是做成PNG8。 3、IE6双边距bug:块属性标签float后，又有横行的margin情况下，在ie6显示margi ...
分类：
其他好文 时间：
2018-02-01 21:11:38
阅读次数：
181
一张图看懂开源许可协议，开源许可证GPL、BSD、MIT、Mozilla、Apache和LGPL的区别 .embody{ padding:10px 10px 10px; margin:0 20px; border bottom:solid 1px ededed; } .embody_b{ margi ...
分类：
Web程序 时间：
2018-01-19 14:17:13
阅读次数：
220
css如何垂直居中一个元素的问题已经是一个老生常谈的问题了。不管对于一个新手或者老手，在面试过程中是经常被问到的。前两天在看一个flex的视频教程，当中提到了有关元素的居中问题，所以今天小编就来扒一扒几种常见的方式。不足之处请大家批评指正（所有的代码都是自己亲手敲过可用的） 1、水平居中（margi ...
分类：
Web程序 时间：
2018-01-10 13:54:17
阅读次数：
242
当子元素的尺寸超过父元素的尺寸时，需要设置父元素显示溢出的子元素的方式，设置的方法是通过overflow属性来设置。 overflow的设置项： 1、visible 默认值。内容不会被修剪，会呈现在元素框之外。2、hidden 内容会被修剪，并且其余内容是不可见的，此属性还有清除浮动、清除margi ...
分类：
Web程序 时间：
2017-12-17 18:22:18
阅读次数：
249
这周老师教了我们关于浏览器兼容性问题，如何让不同的浏览器兼容也是我们程序师要为客户解决的问题，无论用户用什么浏览器来查看我们的网站或者登陆我们的系统，都应该是统一的显示效果。 浏览器兼容问题一：不同浏览器的标签默认的外补丁和内补丁不同 问题症状：随便写几个标签，不加样式控制的情况下，各自的margi ...
分类：
其他好文 时间：
2017-11-13 00:14:02
阅读次数：
183
通常来说margin为正值时，我们很清楚其布局形式，即在border边界线处再往外扩展指定长度。可margin为负又表示什么呢，表示始于border边界线处并向内扩展指定长度，这样，下一个文档流对象便是从margin边界线处起，显示出来。 所以：内容部分的width = 元素实际宽度 - margi ...
分类：
其他好文 时间：
2017-09-17 13:34:45
阅读次数：
204
css图片的相关操作 1、案例源码 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <style> *{margin: 0;padding: 0} body{width: 95.2%;margi ...
分类：
Web程序 时间：
2017-08-18 22:31:40
阅读次数：
191
