728x90
<head>
<link rel="stylesheet" href="path/to/styles.css">
</head>글자 크기를 조절하는 일반적인 방법입니다.
1. 웹 페이지의 <body> 요소에 style 속성을 추가하고 font-size 속성을 적용합니다. 예를 들어, 웹 페이지 전체의 글자 크기를 16px로 설정하려면 아래와 같이 작성할 수 있습니다.
<body style="font-size: 16px;">
...
</body>2. 웹 페이지의 <style> 요소를 사용해 전체 스타일을 지정합니다. 이를 위해서는 <head> 요소 안에 <style> 요소를 추가하고, font-size 속성을 적용할 요소의 선택자(selector)와 함께 작성합니다. 예를 들어, 웹 페이지 전체의 글자 크기를 16px로 설정하려면 아래와 같이 작성할 수 있습니다.
<head>
<style>
body {
font-size: 16px;
}
</style>
</head>3. 웹 페이지의 글자 크기를 조절할 수 있는 자바스크립트 코드를 추가할 수도 있습니다. 예를 들어, 웹 페이지 전체의 글자 크기를 16px로 설정하려면 아래와 같이 작성할 수 있습니다.
<body>
...
<script>
document.body.style.fontSize = "16px";
</script>
</body>4. 또는 외부 자바스크립트 파일을 추가할 수도 있습니다. 이를 위해서는 <script> 요소의 src 속성에 자바스크립트 파일의 URL을 지정합니다. 자바스크립트 파일에서는 앞서 작성한 코드와 같이 document.body.style.fontSize 속성을 사용해 글자 크기를 조절할 수 있습니다.
<body>
...
<script src="path/to/script.js"></script>
</body>
728x90
'웹프로그래밍' 카테고리의 다른 글
| 사용자의 화면 크기에 따라 글자 크기 조절하기 (html, css, js) (0) | 2022.12.30 |
|---|