使用百分数的时候，子栏目的所有属性(width、height、margin、padding等)都是根据父级栏目的宽高属性来设置的，如果是使用em的时候，子栏目都是根据他的父级栏目的字体大小设置的
.sub1{
width: 150%;
height: 150%;
background-color: #2187E7;
}
继承的是父级的width和height！所以sub1的宽度和高度最后应该是150px;
em他是根据父级的：font-size属性值来定义的，当body的font-size：16px时
sub2的宽度高度其实就只有16px!
相关推荐
CSS 2.0 提供了多种长度单位，如像素（px）、百分比（%）、em、rem等。相对单位允许元素尺寸随其父元素或字体大小变化，而绝对单位则固定在特定的物理尺寸。 ### 6. 浮动与清除 - **浮动**: `float` 属性允许元素...
CSS2支持多种长度单位，如像素（px）、百分比（%）、em和pt等。相对单位可以根据父元素的尺寸动态调整，而绝对单位则是固定的。 **7. 字体与文本样式** CSS2提供了丰富的文本样式控制，包括字体家族（font-family...
题目举例：1、 rem em vw vw 百分比区别 2、 移动端如何适配 3、场景题（两个盒子，左边固定宽，右边自适 应，你能想到几种方法） 4、css 选择器有哪些，权重是什么样的 5、CSS3动画知道吗，实现过哪些css3动画 6...
CSS中的单位决定了数值的含义，如像素（px）、相对长度单位（em、rem）和百分比。像素是绝对单位，常用于屏幕渲染；em和rem是相对单位，em相对于父元素的字体大小，rem则相对于根元素（通常是`<html>`）的字体大小；...
总结来说，CSS中的圆角设计技术不仅是网页美化的重要手段，也是响应式布局和适应性设计不可或缺的一部分。通过灵活运用CSS的border-radius属性以及其他相关布局技术，设计师和前端开发者能够创造出既美观又具有良好...
在前端开发中，CSS起着至关重要的角色，它关乎到产品的可用性和用户体验。然而，当前的CSS开发常常被忽视，更多的焦点在于JavaScript。实际上，创建一个高可用性的用户界面是前端技术的基础，而这离不开CSS的专业性...
1. 盒模型：CSS2中的盒模型包括内容(content)、内边距(padding)、边框(border)和外边距(margin)，影响元素的实际尺寸和位置。 2. 浮动（float）：浮动让元素在容器内水平移动，常用于创建多列布局。 3. 定位...
在CSS中，字体单位的使用是非常重要的一部分，尤其在网页设计和响应式布局方面。主要的字体单位有em和px。这两种单位在页面设计中的...因此，理解em和px的区别，并在实践中灵活运用，是前端开发人员必须掌握的知识点。
可以是颜色值（如`red`或`#FF0000`）、长度单位（如`px`、`em`）、百分比、关键词（如`bold`）等。 此压缩包中的中文API文档将涵盖CSS的所有核心特性，包括但不限于： - **盒模型**：理解CSS的盒模型至关重要，它...
在版面布局方面，CSS2.0引入了长度单位，如像素（px）、百分比（%）、em和ex等，以及对页面边距、填充和边框的控制。表格样式也得到了增强，可以独立控制各部分的边框和间距。 CSS2.0还包含了媒体查询（media ...
文字大小设置可以使用font-size属性，单位可以是px、em、百分比等。例如： ``` p { font-size: 12px; } ``` CSS还提供了一些绝对大小的关键字来进行设定，包括xx-small、x-small、small、medium、large、x-large、...
2. **单位**：CSS中的尺寸可以使用像素（px）、百分比、em、rem等单位。 3. **颜色表示**：可以用十六进制（#ffffff）、RGB（rgb(255, 255, 255)）、RGBA（rgba(255, 255, 255, 0.5)）、颜色关键词（white）等方式...
6. **CSS单位**：了解像素、百分比、em、rem等单位，以及它们在不同场景下的应用。 7. **CSS样式继承与覆盖**：理解样式如何从父元素继承到子元素，以及如何使用优先级规则覆盖样式。 8. **CSS动画与过渡**：通过`...
《CSS2.0中文手册》是一本专门为初学者和网页前端设计师准备的参考资料，它详尽地阐述了CSS2.0规范中的各项技术与规则，是理解和掌握CSS2.0不可或缺的学习工具。在这个电子手册中，你可以找到关于CSS2.0的所有核心...
本文将探讨如何通过CSS（层叠样式表）中的`em`单位与百分比值结合使用来实现灵活且响应式的字体大小调整方案。这种方法不仅能够使网站更加适应不同设备和屏幕尺寸，还能够确保文字在任何情况下都能保持良好的可读性...
10. **单位与长度**：CSS2.0中使用了各种单位，如像素(px)、百分比(%)、em、pt等，来定义元素的尺寸和间距。 这本《CSS2.0样式表中文手册》涵盖了以上所有关键概念，并可能包括更多细节和实例，对于开发者来说是一...
5. **长度单位**：CSS 2.0支持多种长度单位，如像素（px）、百分比（%）、em和pt等，适应不同场景的需求。 6. **颜色和背景**：包括颜色值、透明度、背景图像、背景重复、背景位置等属性，使网页设计更加丰富多彩。...
CSS2提供了多种长度单位，如像素（px）、百分比（%）、em和pt等，方便调整元素大小。同时，还引入了相对单位，如百分比，使得元素可以相对于父元素或其他参照物进行尺寸设置，从而实现自适应布局。 ### 5. 浮动与...