免费网站引导页,最优秀的无锡网站建设,哈尔滨市网站建设公司,聊城做网站的公司案例px: pc端最常用的的单位#xff0c;大小固定#xff0c;不会随窗口的变化而变化 例子#xff1a; .box{width:100px; height:100px; font-size: 16px; border:1px solid #000;} 设置此元素的长款各为100px(像素)#xff0c;边框为1px(像素) 实线 边框为黑色 元素内字体大小… px: pc端最常用的的单位大小固定不会随窗口的变化而变化 例子 .box{width:100px; height:100px; font-size: 16px; border:1px solid #000;} 设置此元素的长款各为100px(像素)边框为1px(像素) 实线 边框为黑色 元素内字体大小为 16px。 em: em的值不固定它会随父级元素的改变而改变(继承自父级元素) 例子 style .father{font-size:15px;} .son{text-index:2em;} /style body div classfather div classson 这是一个段落的文字 div /div /body 以上代码段设置为文字缩进2em 当父类设置文字大小为15px时实际缩进了30px(两个字符长度)。 rem: rem是css3新加入的属性与em的相同点是都属于相对大小值与em的不同点是rem是相对于根元素而em是相对于父级元素。 例子: style body{font-size:10px;}/*这里使用10px而不用我们常用的14px/16px是因为10px相对而言比较容易计算还原度高*/ .div1{font-size:1rem;} .div2{font-size:2rem;} style body div classdiv1这是一段文字/div div classdiv2这是另一段文字/div /body div1的字体大小为10px; div2的字体大小为20px; 转载于:https://www.cnblogs.com/dabai-d/p/5481707.html
