码迷,mamicode.com
首页 > Web开发 > 详细

css 小常识

时间:2017-06-07 22:31:37      阅读:220      评论:0      收藏:0      [点我收藏+]

标签:百分比   最大值   font   简单   mil   height   ott   计算   type   

一、vertical-align可以采用负值(正/负值根据基线上下移动),也可以采用百分比值,而这个百分比值不是相对于字体大小或者其他什么属性计算的,而是相对于line-height计算的。

此外,width,height,font-size的百分比是相当于父元素的相同属性的值来计算的;

line-height的百分比值是根据父元素的font-size来计算的;

二、浏览器标题栏小图标:

<link rel="shortcut icon" href="图片位置" type="image/x-icon"/>

三、首行缩进使用text-indent:2em。

四、我们知道默认浏览器默认字体大小是16px,通过body{font-size:62.5%},我们将默认字体变为62.5%*16px=10px;这时候1em刚好等10px。

统一使用em作为单位就很简单了。

五、css具有继承性。

(1)文本相关属性:font-*{family、size、style、weight};line-heigh;text-align;text-indent;word-spacing。

(2)颜色:color。

(3)列表属性:list-style-{image、position、type}。

六、外边距叠加。

这里指的是垂直外边距叠加(margin-top;margin-bottom)。水平外边距不会叠加。

外边距叠加之后外边距高度等于发生叠加之前的二个外边距中的最大值。外边距叠加针对的是block以及inline-块元素,不包括inline元素。

待续··

css 小常识

标签:百分比   最大值   font   简单   mil   height   ott   计算   type   

原文地址:http://www.cnblogs.com/rain-null/p/6959145.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!