JSFiddle - React, Tailwind, and code Playground

HTML

<body>
	<h1>Big Letter</h1>
	<p> This is for studying HTMl and CSS !! </p>
	<p> This is for studying HTMl and CSS !! </p>
	<p> This is for studying HTMl and CSS !! </p>
	<p> This is for studying HTMl and CSS !! </p>
	
	
	<p>Hello <span class="test"> CSS!! </span></p>
	
	<div id="main"> This is Main </div>
</body>

CSS

/* css 는 아래의 3가지 요소로 구성된다. 
   Selector, Property, Value  */

h1{
	color:red;
}
/* selector - h1, property - color, value - red */

/* ID　요소 지정 방법*/
#main{
	font-size:36px;
}

/* class 요소 지정 방법 */
.test {
	font-size:9px;
}

/* 복수 요소 지정 방법 */
#main, .test {
	border: 1px solid #ccc;
}

/* 텍스트의 스타일 꾸미기 */
p {
	color:green; /* green = #00ff00 */
	font-size : 18px; /* %로도 설정가능함(브라우져의 규정 사이즈와의 비율)*/
	font-weight : bold; /* normal 가능 */
	text-align : center; /* right, left, justify(줄바꿈이 일어나면 텍스트를 양쪽으로 정렬) 가능 */
	
	line-height: 30px; /* 문자열 한 줄의 높이를 지정 */
	text-decoration : line-through; /* underline 가능, 복수 지정 가능 */
	border-bottom : dotted 1px #000; /* 박스 하부의 경계선을 지정하는 법 */
	font-style: italic;
}