校园超市网站开发背景,购销网,人力外包,南平住房和城乡建设部网站1.像素表示#xff1a; 23px 2.子像素可以用百分比表示其大小#xff0c;如50%#xff0c;表示为父元素的一半 如果块状子元素的宽度不指定#xff0c;默认是占满父元素的宽度#xff1b; 3.用em表示字体大小时#xff0c;表示相对大小#xff0c;是与父元素的比值 23px 2.子像素可以用百分比表示其大小如50%表示为父元素的一半 如果块状子元素的宽度不指定默认是占满父元素的宽度 3.用em表示字体大小时表示相对大小是与父元素的比值 1em表示与父元素的字体大小相同 0.5em表示是父元素的字体大小的一半 2em表示是父元素的字体大小的2倍 注em是相对于自身字体大小而言的如果自身未指定那么就是继承父元素的字体大小。 当父元素取10px时子元素若取1.2em,1.5em...则表示子元素的字体大小为12px,15px..... 1 !DOCTYPE html2 html langen3 head4 meta charsetUTF-85 title尺寸的表示/title6 /head7 style typetext/css8 #father{9 width:600px;
10 height:300px;
11 background:blue;
12 }
13 #son1{
14 height:50%;
15 background:green;
16 }
17 #son2{
18 height: 25%;
19 width:25%;
20 background:red;
21 }
22 #test1{
23 width:400px;
24 height:200px;
25 font-size: 30px;
26 background: pink;
27 }
28 #p1{
29 font-size: 20px;
30 }
31 #p2{
32 font-size: 1em;
33 }
34 /style
35 body
36 div idfather
37 div idson1
38 子div1只定义高度未定义宽度则默认与父div同宽
39 /div
40 div idson2
41 子div2定义宽高
42 /div
43 /div
44 div idtest1
45 我是test1p标签的父div
46 p idp1
47 p1使用像素表示字体大小
48 /p
49 p idp2
50 p2使用em表示字体大小
51 /p
52 /div
53 /body
54 /html View Code 效果 4. rem的表示方法rem是相对于根元素的大小而言的。 转载于:https://www.cnblogs.com/Christeen/p/5712914.html