[CSS] 단락(paragraph)

728x90

단락(paragraph)

-문단을 중심으로 정렬, 들여쓰기 등을 지정

text-align : 글자의 정령 기준 지정 (justify : 양쪽정렬)

vertical-align : 이미지나 폼 요소를 세로 정렬

text-indent : 들여쓰기

text-transform : 대소문자 변경 (capitalize : 첫 글자만 대문자)

text-decoration : 밑줄 등(밑줄, 가운데 줄, 윗줄, 밑줄 제거)

letter-spacing : 글자와 글자간의 간격

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>단락</title>

<style type="text/css">
	div{
		text-align: center;
		text-tantsform: capitalize;
		letter-spacing: 10px;
		font-size: 40pt;
	}
	p{
		text-indent: 30px;
	}
	p#one{
		text-decoration: overline;
	}
	#two{
		text-align: center;
	}
	
</style>

</head>
<body>

	<div>
		<b>zdnet korea</b>
	</div>
	
	<p>
		과학자들이 1분을 59초로 줄이려는 이유
	</p>

	<p id="one">
		지구는 매일 한 번 자전하는 데 이에 걸리는 시간은 24시간이다. <br>
		지구 자전 기반의 시간체계는 ‘천문시’이고, <br>
		원자의 진동수가 일정하다는 점에 착안해 만든 정교한 원자시계로 만든 시간체계는 ‘원자시’다. <br>
		천문시와 원자시를 합쳐 보완한 시간 체계가 협정세계시(UTC)다.
	</p>
	
	<p id="two">
		<img alt="time" src="https://image.zdnet.co.kr/2021/01/15/e9d99d8e62ed1ef14577d21f912382ae.jpg">
	</p>

	<p id="three">
		불규칙한 천문시와 정교한 원자시의 오차가 0.9초 이상이 되면 국제지구자전좌표국(IERS)는 윤초를 더하거나 빼서 <br>
		두 시간의 간극을 메우는 조치를 하고 있다. <br>
		지구 자전 속도가 느려져 한 번 자전하는 데 걸리는 시간이 24시간에 0.9초를 더한 만큼 늘어나 천문시가 길어지면, <br>
		거기에 맞춰 협정세계시에 1초를 더하는 ‘양(+)의 윤초’(positive leap second)를 시행하는 방식이다.
	</p>

</body>
</html>

해당 글 내용 출처 :

과학자들이 1분을 59초로 줄이려는 이유 - ZDNet korea

728x90

'Web > CSS' 카테고리의 다른 글

[CSS] 상자(box) (0)	2021.12.12
[CSS] 배경(background) (0)	2021.12.11
[CSS] 폰트(font) (0)	2021.12.09
[CSS] 선택자(selector) (0)	2021.12.08
[CSS] HTML문서에 CSS 적용 방법 (0)	2021.12.07

'Web > CSS' 카테고리의 다른 글

티스토리툴바