发表于： 2019-06-01 21:53:07
2 1172
知识盲点
css中的百分比到底是谁的百分比
相对于父元素内容的宽度的百分比（不包括padding)
margin可以接受负数，可以用来引起元素框的重叠，外边距有一个特别的行为被称为 外边距塌陷
（margin collapsing)当两个框彼此接触时，他们的间距将取两个相邻外边界的最大值，而非两者的总和
px和%的问题
px是像素， %屏幕分辨率
像素是根据屏幕分辨率计算的
百分比是根据屏幕宽度计算的
什么是父元素
举例<！POCTYPE html>
<html>
<head>
<mate charste=“utf-8”>
<title>123<title>
</head>
<body>
<h1>......</h1>
<p>......<p>
</body>
</html>
<html>是<head>和<body>的父元素，<body>是<h1>和<p>的父元素
行内元素和块级元素
行内元素指的是书写完成后不会自动换行的，并且元素没有宽和高 meat title span 等
块级元素是写完后会自动换行，有宽高可以修改 body h1-h6 html p div 等
什么时候用内边距什么时候用外边距
对一个 “块”（div)要设置块与块之间的距离用margin
要设置他与内部内容的距离用padding ,百分比时用padding可以看到视觉上的高度
返回列表
评论