网站广告做的好的企业案例分析,东莞学网站建设难吗,建设行业证书全国联网查询,事业单位网站设计1. 长度单位 像素px#xff1a;一个像素就是屏幕中一个不可分割的点。我们应用的屏幕实际上是由一个个的像素点构成的。 不同显示器的像素点大小也不同#xff0c;在屏幕尺寸相同的情况下#xff0c;像素越小#xff0c;显示效果越清晰。 大部分浏览器默认字体大小是16px …1. 长度单位 像素px一个像素就是屏幕中一个不可分割的点。我们应用的屏幕实际上是由一个个的像素点构成的。 不同显示器的像素点大小也不同在屏幕尺寸相同的情况下像素越小显示效果越清晰。 大部分浏览器默认字体大小是16px 百分比%相对于父元素相同样式大小的百分比进行计算 优点当父元素大小发生变化时子元素的大小也会按比例进行调整 相对于字体大小单位 em相对于当前元素字体大小进行计算 1em 当前字体大小1倍的font-size 2em 2倍font-size 优点字体大小发生变化时em也会随之发生变化 rem相对于根元素字体大小进行计算
示例如下
!DOCTYPE html
html langen stylefont-size: 30px;headmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0titleCSS length units/title.father {font-size: 50px;width: 500px;background-color: #c7edcc;}.son {font-size: 200%;background-color: #fde6e0;/* width: 200%; */width: 6rem;}
/headbodydiv classfather今天天气不错div classson挺风和日丽的/div/div
/body/htmlPSem和rem有些时候可能会有奇效
