씨네
공부하는 개발자 강씨네
씨네
  • 분류 전체보기 (460)
    • Web (21)
      • HTML (11)
      • CSS (10)
    • JS 관련 (49)
      • JavaScript (27)
      • JQuery (22)
    • TS 관련 (15)
      • TypeScript (15)
    • NodeJS (7)
      • NodeJS (7)
    • 따라하며 배우는 시리즈 (23)
      • NodeJS & ReactJS Basic (23)
      • NodeJS & ReactJS Movie (0)
      • NodeJS & ReactJS Youtube (0)
      • NodeJS & ReactJS ChatBot (0)
    • SPA (14)
      • React (14)
      • Vue (0)
      • Anguler (0)
    • Java 관련 (118)
      • Java (52)
      • JDBC (6)
      • JSP & Servlet (18)
      • Spring Legecy (38)
      • SpringBoot (4)
    • Python (26)
      • Python (20)
      • PyMongo (1)
      • Django (5)
    • Git (24)
      • Github (24)
    • RDB (22)
      • Oracle (21)
      • MySQL (1)
    • NoSQL (5)
      • MongoDB (5)
    • OS (4)
      • Linux (4)
    • 빅데이터 (2)
      • hadoop (2)
    • IDE (20)
      • eclipse (11)
      • VSCODE (4)
      • VisualStudio (1)
      • IntelliJ (1)
      • PyCharm (1)
      • DBeaver (2)
    • Install (3)
      • Tomcat (1)
      • Docker (1)
      • Anaconda (1)
    • 오류&에러 (28)
      • TS (2)
      • NodeJS (7)
      • SQL (8)
      • Java (1)
      • Spring (4)
      • Git (6)
      • 기타 (0)
    • 알고리즘 (67)
      • 수열 (1)
      • 백준(backjoon) (39)
      • Programmers (27)
    • 자격증 (5)
      • SQLD (5)
    • 기타 (2)
    • IT유튜브로 지식쌓기 (2)

공지사항

인기 글

최근 글

티스토리

250x250
hELLO · Designed By 정상우.
씨네

공부하는 개발자 강씨네

[CSS] 단락(paragraph)
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>

​

​

​

해당 글 내용 출처 :

과학자들이 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' 카테고리의 다른 글
    • [CSS] 상자(box)
    • [CSS] 배경(background)
    • [CSS] 폰트(font)
    • [CSS] 선택자(selector)
    씨네
    씨네
    개발자 씨네가 공부하는 내용을 기록 겸 공유하는 블로그입니다!

    티스토리툴바