前端布局，垂直水平居中是经常遇到的一个场景。水平居中较为容易，垂直居中则需变通处理，特别是图片的居中。 行内元素居中, 包括文本，图片，表单元素等，display属性为inline的元素 水平居中原理： text-align:center 实现水平居中 垂直居中原理：利用 line-height 等 ...
分类：
其他好文 时间：
2017-03-07 19:14:22
阅读次数：
144
一、文本位置 text-align: 参数 二、文本行间距 line-height: 参数 特别要注意：根据CSS字体大小 ， CSS行高值不能小于字体值，不然行距设置值比字体大小值小后字体会重叠一部分，形成不兼容效果。 三、首行文字缩进 text-indent: 参数 四、字符间距 letter- ...
分类：
Web程序 时间：
2017-03-07 12:54:41
阅读次数：
203
这个可以慢慢来积累。。。。。。 CSS书写顺序 1.位置属性(position, top, right, z-index, display, float等)2.大小(width, height, padding, margin)3.文字系列(font, line-height, letter-spa ...
分类：
Web程序 时间：
2017-03-07 08:15:50
阅读次数：
207
1.p{float:left}好像意思是p后面的元素往左浮动的意思啊！！2.ff下，button的文字好像没法垂直居中2.1 button垂直对齐，其line-height似乎需要减2px（依边框宽度而定）3.inline-block同inline有什么区别4.继承得到的font-size有小数点5 ...
分类：
Web程序 时间：
2017-03-06 19:17:22
阅读次数：
184
CSS三大特性——继承、优先级和层叠。这是在精通CSS中重点强调的内容。 继承即子类元素继承父类的样式，常用的可继承样式有：color，font，line-height，list-style，text-align，text-indent等，应用样式的元素的后代会继承样式的某些属性。 输出结果： 由此 ...
分类：
Web程序 时间：
2017-03-06 17:36:22
阅读次数：
234
1.简写顺序 顺序：font-style | font-variant | font-weight | font-size | line-height | font-family 例如：.font{font:italic small-caps bold 12px/1.5em arial,verdan ...
分类：
Web程序 时间：
2017-03-04 12:53:23
阅读次数：
777
1：产生双边距bug：父级标签下的子元素设置了margin值且设置了浮动。解决办法：只需要给浮动元素加上display：inline 2：无法定义1px左右的元素：这是因为ie6下默认的行高造成的。解决方法：设置font-size:0,多加一个line-height:1px的属性，不过得在DIV里多 ...
分类：
其他好文 时间：
2017-03-02 12:43:33
阅读次数：
200
行内元素的水平居中 1.div{text-align:center} /*DIV内的行内元素均会水平居中*/ 行内元素的垂直居中 1.单行文本：div{height:30px; line-height:30px} /*DIV内的行内元素均会垂直居中*/ 2.多行文本： 3.图片水平垂直居中 多元素垂 ...
分类：
其他好文 时间：
2017-03-01 12:07:26
阅读次数：
166
1 ie6.0横向margin加倍 产生因素：块属性、float、有横向margin。 解决方法：display：inline； 2 ie6.0下默认有行高 解决方法：overflow:hidden;或font-size:0;或line-height：xx px； 3 在各个浏览器下img有空隙(原 ...
分类：
其他好文 时间：
2017-02-27 00:49:41
阅读次数：
193
推荐大家使用的CSS书写规范、顺序 CSS书写顺序 1.位置属性(position, top, right, z-index, display, float等)2.大小(width, height, padding, margin)3.文字系列(font, line-height, letter-s ...
分类：
Web程序 时间：
2017-02-25 14:56:15
阅读次数：
237
