Web/CSS
[CSS] 단락(paragraph)
씨네
2021. 12. 10. 12:54
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>
해당 글 내용 출처 :
728x90