line-height line-height代表行高 蓝色背景部分为行高 line-height：2em 相邻兄弟元素margin重叠 蓝色与蓝色之间的白色部分为 margin-bottom：1em； margin-top：1em； 因为发生了margin-top与margin-bottom重叠 ...
分类：
其他好文 时间：
2016-09-06 12:09:48
阅读次数：
196
font 是一个复合属性，如果要使用，必须有font-size和font-family（必须在font-size之后） font-size/line-height简写格式，font-size总要在line-height之前 使用font属性时，所有被忽略的值都会重置为默认值（要特别注意） font- ...
分类：
Web程序 时间：
2016-09-06 01:09:15
阅读次数：
157
前面的话 line-height、font-size、vertical-align是设置行内元素布局的关键属性。这三个属性是相互依赖的关系，改变行间距离、设置垂直对齐等都需要它们的通力合作。在CSS字体里面已经详细介绍了font-size的相关内容，本文将主要介绍line-height与vertic ...
分类：
其他好文 时间：
2016-09-05 10:32:09
阅读次数：
207
锚点：css中百分比减去固定元素 单位介绍 说到css的单位，大家应该首先想到的是px,也就是像素，我们在网页布局中一般都是用px，但是近年来自适应网页布局越来越多，em和百分比也经常用到了。然后随着手机的流行，web app和hybrid app的开发，都用到了css3技术，在css3中，新增了许 ...
分类：
Web程序 时间：
2016-09-02 20:13:59
阅读次数：
210
/* * 水平居中 */ 1、行内标签 行内-块级标签 text-align: center 2、块级标签 margin: 0px auto /* * 垂直居中 */ line-height : 让其等于父标签的高度 float : left/right 让标签排列在父标签的左边或右边 positi ...
分类：
Web程序 时间：
2016-09-02 15:59:13
阅读次数：
318
计算APP高度 页面用rem为单位写，但注意点： 1.最外面的宽度用百分比，最好不要用rem 2.input中line-height不要用，如果字被截，那把文字大小缩小 3.高度要用rem ...
分类：
其他好文 时间：
2016-08-31 15:22:05
阅读次数：
553
目的样式：全部大写字母，带下划线，第一个字母24px，其余字母略小，约19px。Html标签：<pclass="about">about</p>
<pclass="about">technologe</p>css样式:.about{
font-size:24px;
color:#000;
font-family:"微软雅黑";
line-height:40px;
text-deco..
分类：
其他好文 时间：
2016-08-27 16:54:12
阅读次数：
1011
方法一： 设置父元素高度，设置子元素行高垂直居中 关键样式： ① 父元素（这里是div）设置和高度一致的 line-height （这里是200px） 由后面的vertical-align定义看，这是为了设置div的基线 ② 子元素 (这里是span) 设置合适的line-height，并设置dis ...
分类：
其他好文 时间：
2016-08-24 12:29:57
阅读次数：
104
单个标签实现分隔线： 点此查看实例展示 .demo_line_01{ padding: 0 20px 0; margin: 20px 0; line-height: 1px; border-left: 200px solid #ddd; border-right: 200px solid #ddd; ...
分类：
Web程序 时间：
2016-08-23 21:51:35
阅读次数：
204
1.长度单位 1)font-style:italic（斜体）；normal（正常）；oblique（强行斜体，不常用) 2)font-weight:lighter（偏细）；bold（加粗）；normal（正常） 3)大小:font-size:1～单位用px 4)行高:line-height:1～px ...
分类：
Web程序 时间：
2016-08-22 12:02:50
阅读次数：
147
