[分享]css内部尺寸和外部尺寸

CSS是一种用于美化网站样式的语言，其中包含的尺寸属性主要有内部尺寸和外部尺寸，它们的用途和实现方式都有所不同。内部尺寸指在一个元素内部的尺寸，比如说一个div的宽度和高度，这可以通过width和he...

CSS是一种用于美化网站样式的语言，其中包含的尺寸属性主要有内部尺寸和外部尺寸，它们的用途和实现方式都有所不同。
内部尺寸指在一个元素内部的尺寸，比如说一个div的宽度和高度，这可以通过width和height属性来设置。例如：

<div style="width: 200px; height: 100px;">
  这是一个200x100的div
</div> 

外部尺寸指的是一个元素相对于其父元素的尺寸，比如说设置一个水平居中的div，这可以通过margin属性来设置。例如：

<div style="width: 200px; height: 100px; margin: 0 auto;">
  这是一个水平居中的div
</div> 

这里的margin属性是在div相对于其父元素的位置，而不是div内部尺寸。此外，还有一些其他的外部尺寸属性，比如padding和border，它们也是相对于元素内部的。
总之，理解和正确使用内部尺寸和外部尺寸的属性对于编写美观的网站样式来说是非常重要的。只有当我们掌握了这些属性的基础知识，才能更好地发挥CSS的美化作用。