css书写规范： 一、CSS书写顺序 1.位置属性(position, top, right, z-index, display, float等) 2.大小(width, height, padding, margin) 3.文字系列(font, line-height, letter-spacin ...
分类：
Web程序 时间：
2017-03-20 22:13:52
阅读次数：
180
一、内容概要 补充知识： line-height是行高，也可以定义行间距 用法： 如果想让一段方案垂直居中，可以这么写 html代码： <p>testtesttesttesttest</p> css代码： p{ font-size:12px; width:100px; height:40px; li ...
分类：
Web程序 时间：
2017-03-19 10:59:12
阅读次数：
261
对于多行文字的居中，用一句话概括就是：把包裹在inline-block 中的文字 放到 line-height为容器高度的 容器中，代码如下： JS Bin 第一行第二行 效果如下： ...
分类：
其他好文 时间：
2017-03-18 01:00:48
阅读次数：
155
标题： 段落正文 1、全局文本字号为14px(font-size)。 2、行高为1.42857143（line-height），大约是20px(大家看到一串的小数或许会有疑惑，其实他是通过LESS编译器计算出来的，当然Sass也有这样的功能)。 3、颜色为深灰色（#333）； 4、字体为"Helve ...
分类：
其他好文 时间：
2017-03-16 16:18:21
阅读次数：
161
方法一： h1{ width:154px; height:30px; background:url("........") overflow:hidden; } h1>a{ display:block; line-height:200px; } 方法二： h2{ width:154px; heigh ...
分类：
Web程序 时间：
2017-03-14 13:24:18
阅读次数：
168
用 CSS 实现垂直居中也不简单。如果你想在一个固定高度的元素内垂直居中一行文本，可以把这一行文本的 line-height 设定为该元素的高度。假设元素高度为 300 像素，可以这样写：text-align:center; /*水平居中*/line-height:300px; /*垂直居中：行高= ...
分类：
Web程序 时间：
2017-03-12 13:36:53
阅读次数：
234
行高”顾名思意指一行文字的高度。具体来说是指两行文字间基线之间的距离。 从上到下四条线分别是顶线、中线、基线、底线，很像才学英语字母时的四线三格，我们知道vertical-align属性中有top、middle、baseline、bottom，就是和这四条线相关。尤其记得基线不是最下面的线，最下面的 ...
分类：
其他好文 时间：
2017-03-09 16:59:44
阅读次数：
198
linear-gradient 实用栗子（在Chrome下） 缺角效果先看效果图 <div class="div1"> 这是内容 </div> .div1 { width: 100px; height: 40px; line-height: 40px; background:linear-gradi ...
分类：
Web程序 时间：
2017-03-09 15:18:01
阅读次数：
216
字体 font color font-family font-size font-weight text-decoration text-shadow line-height letter-spacing word-spacing 文本 Text text-indent text-overflow ...
分类：
Web程序 时间：
2017-03-08 12:36:06
阅读次数：
208
经过实际操作发现，iOS系统上上下相差两个像素（也有可能是我测距离的误差） 但是Android上相差比较大，而且不同的机型相差数目不一样 产生原因 问了下技术大神，说是line-height对一部分Android手机不起作用，有自己默认的行高，默认行高为22px（这点我没有试验，不知道是否准确） 解 ...
分类：
移动开发 时间：
2017-03-08 01:01:12
阅读次数：
2880
