明日晴空的博客

在html中的标签元素 大体被分为三种不同的类型：1、块状元素； 2、内联元素；3、内联块状元素。特点：1.块状元素：所谓的块状元素，就是会独占一行的的元素,无论他的内容有多少，他都会独占一整行，【可以设置宽高】2.内联元素：所谓的内联元素，指的是只占自身大小的元素，不会独占用一行，【不可以设置宽高】3.内联块状元素：所谓的内联块状元素，指的是只占自身大小的元素，不会占用一行，

注：line-height 行高为0，文本基线是文本本身的一半高度；一、vertical-align 基本值分类：1.线类baseline//默认。元素放置在父元素的基线上。top//把元素的顶端与行中最高元素的顶端对齐。middle//把此元素放置在父元素的中部。bottom//把元素的顶端与行中最低的元素的顶端对齐。2.文本类text-top

一、 @font face的本质是变量虽然说CSS3新世界才出现真正意义上的变量var（参见此文：“了解CSS/CSS3原生变量var”），但实际上，CSS世界中，就已经出现了本质上就是变量的东西，@font face规则就是其中之一，@font face的本质上就是一个定义字体或字体集的变量，这个变量不仅仅是简单的自定义字体，还包括字体重命名，默认字体样式设置等等。这个“变量”的意识很重要，有助...

1.左右产生的空白间隙，如上图；原因：因为是img标签的显示是inline-block的原因，你换行在父级元素看来，是有一个空格的字符的，所以存在8个像素，这个因浏览器不同，像素也不一样。根本原因在于父级元素把空格当做一个字符处理。解决方案： 父级元素 设置 font-size: 0;<img /><img/><img/> 连着写，没有空格换行符；设置 浮动fl...