본문 바로가기

프로그래밍/HTML5

%태그

 

<!DOCTYPE html>
<html>
   <meta charset="utf-8">
   <head>
      <title>크기 조절 %태그</title>
      <style>
         p:nth-child(1) {}
         p:nth-child(2) {font-size:100%;}
         p:nth-child(3) {font-size:150%;}
         p:nth-child(4) {font-size:200%;}
      </style>
   </head>
   <body>
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
   </body>

</html>

 

%로 글씨 크기를 조절할 수 있다

100% 기본크기

150% 1.5배 크기

200% 2배 크기

 

'프로그래밍 > HTML5' 카테고리의 다른 글

px태그  (0) 2017.09.20
em태그  (0) 2017.09.20
배경색상  (0) 2017.09.20
radius  (0) 2017.09.20
padding,margin  (0) 2017.09.20