em

em 在做手机端的时候经常会用到的做字体的尺寸单位 em就相当于“倍”，相对于父级比较 rem 这里的r就是root的意思，意思是相对于根节点来进行缩放 当有嵌套关系的时候，嵌套关系的元素的字体大小始终按照根节点的字体大小进行缩放。 vh 当前屏幕可见高度的百分比 height:100vh == height:100% vw 当前屏幕宽度的百分比 width:100vw == width:100% 来源： https://www.cnblogs.com/awakin/p/10722204.html

1、测试网页：http://ajax.mianbao99.com/vod-showlist-id-8-order-time-c-3719-p-1.html 　　ZC: 直接查看的话，使用这个链接： http://www.mianbao99.com/vod-showlist-id-8-order-time-c-3719-p-1.html 2、使用 HttpClient 取得的json内容是这样的： {"pages":"<span class=\"prev disabled\">\u4e0a\u4e00\u9875<\/span>\n<span class=\"current\">1<\/span>\n<a href=\"\/vod-showlist-id-8-order-time-c-3719-p-2.html\">2<\/a>\n<a href=\"\/vod-showlist-id-8-order-time-c-3719-p-3.html\">3<\/a>\n<a href=\"\/vod-showlist-id-8-order-time-c-3719-p-95.html\">...<\/a>\n<a href=\"\/vod-showlist-id-8-order-time-c-3719-p-186.html\">186<\/a>\n<a href=\"\/vod

第一种方法:原生JS实现！ 部分html代码 < div class = " seckill " > < div class = " seckill-head " > </ div > <!-- 控制内部的浮动 容器 --> < div class = " seckill-container " > < div class = " seckill-nav " > < ul id = " tabs " > < li class = " active " > < em > 14:00 </ em > < span > < em > 抢购中 < br > 距结束 00:36:28 </ em > </ span > </ li > < li > < em > 20:00 </ em > < span > 即将开始 </ span > </ li > < li > < em > 20:00 </ em > < span > 即将开始 </ span > </ li > < li > < em > 22:00 </ em > < span > 明日开始 </ span > </ li > < li > < em > 00:00 </ em > < span > 明日开始 </ span > </ li > </ ul > </ div > < div id = " lists " class

格式化上下文( Formatting context ) 格式化上下文指的是初始化元素定义的环境。包含两个要点，一个是元素定义的环境，一个是初始化。 在 CSS 中，元素定义的环境有两种，一种是块格式化上下文( Block formatting context )，另一种是行内格式化上下文( Inline formatting context )。 这两种上下文定义了在 CSS 中元素所处的环境，格式化则表明了在这个环境中，元素处于此环境中应当被初始化，即元素在此环境中应当如何布局等。 以上解释专业点的说法是：在常规流中的框，都属于一个格式化的上下文中。 这个上下文可能是块的，也可能是行内的，但不可能同时是行内的又是块的。块框 1 参与块格式化上下文。行内框 1 参与行内格式化上下文。 注： 关于块框和行内框，请参见 W3C CSS2.1 - 9.2 Controlling box generation 块格式化上下文( Block formatting context ) 触发方式 浮动元素、绝对定位元素，'display' 特性为 "inline-block"，"table-cell"， "table-caption" 的元素，以及 'overflow' 不是 "visible" 的元素，会创建新的块格式化上下文。 浮动元素 绝对定位元素 行内块元素 单元格 表格标题元素

表现形态都是文本加粗和文本斜体，但em和i是可以用css来替换的。而且省略了用多个span标签，也就是说抛开了class选择器的繁杂； 一般嵌套方式是i嵌套em和span，所以在css中，可直接对i标签下的em操作，解除多个class的烦恼。 具体区别是：strong与b标签具备语义化，em与i标签不具备语义化 来源： CSDN 作者： 萌新girl养成记 链接： https://blog.csdn.net/Problem_Girl/article/details/103849267

css包含如此开放、如此强大的一个模型，对于这样一个模型，可以有无数种方法结合应用各种属性，可以得到的效果数不胜数。 基本框 css假定每个元素都会生成一个或多个矩形框，这称为元素框。各元素中心有一个内容区，这个内容区周围包含可选的内外边距和边框（之所以认为是可选，是因为可以设置为0）。 对不同类型的元素格式化时存在着差别。块级元素的处理就不同于行内元素，而浮动元素和定位元素也分别有各自不同的表现。 包含块 每个元素都相当于包含块摆放；可以这么说，包含块就是一个元素的”布局上下文“，css2.1定义了一系列规则来确定元素的包含块。 常用名词： 正常流， 文本从左向右，从上向下显示。要让一个元素不在正常流中，唯一的办法是使之成为浮动或定位元素。 非替换元素 ， 如果元素的内容包含在文档中，则称之为非替换元素。 替换元素 ， 指用作为其他内容占位符的一个元素。替换元素的一个经典例子就是img元素。它只是指向一个图像文件，这个文件将插入到文档流中该img元素本身的位置。 块级元素 ， 这是指段落、标题或div之类的元素。这个元素在正常流中，会在其框之前和之后生成”换行“，所以处于正常流中的块级元素会垂直摆放。通过声明display:block，可以让元素生成块级框。 行内元素， 这是指strong或span之类的元素。这个元素不会在之前或之后生成”行分割符“，它们是块级元素的后代

目录 一、概述 二、详解 三、注意事项 一、概述 em是一个相对长度单位，它的单位长度取决于当前元素行内文本的字体尺寸，如当前元素行内文本的字体尺寸未设置，则相对于浏览器的默认字体尺寸。em最初是指字母M的宽度，故名em，现指字符宽度的倍数，用法类似百分比，如：0.8em、1.2em、2em等。 em可以设置width、height、line-height、margin、padding、border等样式。在响应式和移动设计的大环境下，使用em能更方便快捷的一次性调整Web文档及其html元素的字体大小、宽度、高度、边距、边框等一系列属性，一般来说使用em作为单位比px更灵活。 二、详解 浏览器中的文本字体尺寸一般默认为16px，即默认情况下： 1em = 16px div { width: 10em; height: 10em; background-color: red; /* 10em = 10 * 16 = 160px */ } 尝试改变字体尺寸，如下所示。 div { width: 10em; height: 10em; background-color: red; font-size: 20px; /* 10em = 10 * 20 = 200px */ } 三、注意事项 继承 元素的字体尺寸默认会继承父标签的字体尺寸。 <style> div { font-size: