3강 - 01.03 폰트, 백그라운드

실습1 - 폰트사이즈, 폰트변경, 폰트굵음처리

<div class="container">
  <h1>URL dispatcher</h1>
  <p>내일 10시에 꼭꼭 일어나자~~ 알바 바이오 리듬 맞춰야함</p>
</div>

<p class="p2">
  <ul class="ulist">
    <li>시재점검(봉투)</li>
    <li>금고 돈 점검</li>
    <li>하이패스, 냉장기기, 담배점검</li>
    <li>유통기한 점검</li>
    <li>금고 돈, 근무일지 작성</li>
  </ul> 
</p>

p{
  font-size:30px;
  font-family:serif;
  font-weight:bold;
}

실습1

 

실습2 - 폰트 스타일링 한 줄로 작성 가능 (단, 글꼴은 맨 끝으로 가야함)

p{  
  font:normal 500 1.5rem Arial, Georgia, Times, "Times New Roman", serif;
}

실습2

 

실습3 - 글자 정렬

text-align

 

실습4 - 줄간격

lign-height

 

실습5 - 글자색

작을수록 검은색, 클수록 흰색

p{
	/* #ffffff흰색 #000000검은색 */
	color: rgb(255,255,255); 
    
    /* 투명도 지정 가능rgba. 0~1값으로 지정가능*/
   	color:rgba(255,255,255,0); 
    }

 

실습6 - 배경색

background-color