box-sizing
box-sizing 은 박스의 크기를 어떤 것을 기준으로 계산할지를 정하는 속성입니다.
content-box : 콘텐트 영역을 기준으로 크기를 정합니다.
border-box : 테두리를 기준으로 크기를 정합니다.
initial : 기본값으로 설정합니다.
inherit : 부모 요소의 속성값을 상속받습니다.
font-family
속성은 해당 엘리먼트에서 사용될 글꼴을 지정합니다.
위 코드에서는 Arial, Helvetica, sans-serif 중에서 하나의 글꼴을 사용하도록 지정하였습니다.
이는 해당 엘리먼트 내의 텍스트에 대해 지정된 글꼴을 적용하게 됩니다.
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" type="text/css" href="css/styles.css">
</head>
<body>
<header>
<h2>First JSP Web</h2>
</header>
<section>
<nav>
<ul>
<li>홈</li>
<li>구독화면</li>
<li>추천화면</li>
<li><a href="form2.jsp">flex form</a></li>
</ul>
</nav>
<article>
<p>Lorem Ipsum is simply dummy text of the printing and
typesetting industry. Lorem Ipsum has been the industry's standard
dummy text ever since the 1500s, when an unknown printer took a
galley of type and scrambled it to make a type specimen book. It has
survived not only five centuries, but also the leap into electronic
typesetting, remaining essentially unchanged. It was popularised in
the 1960s with the release of Letraset sheets containing Lorem Ipsum
passages, and more recently with desktop publishing software like
Aldus PageMaker including versions of Lorem Ipsum
</p>
</article>
</section>
<footer><span>Footer</span></footer>
</body>
</html>
