본문 바로가기
FastCampus/한 번에 끝내는 파이썬 웹 개발 초격차 패키지 Online.

한 번에 끝내는 파이썬 웹 개발 초격차 패키지 90일차

by Dream_World 2021. 12. 4.

웹 &  프론트엔드 기본

평일에는 일을 하고 퇴근 후에도 공부에 매진하고 정신없이 보내느라 드라마를 이상하게 주말만 되면 보게 되는 것이 버릇처럼 되어 버렸다. 그로 인해 늦게 잠들어버렸고 토요일이란 모든 시간을 꿈속에서 보냈다고 해도 과언이 아니다. 늦은 오후에 눈이 떠졌으며 아침, 점심도 굶고 저녁으로 하루를 마무리 짓게 된다. 작성하는 이 순간에도 내가 무엇을 했는지 알 수 없을 정도이다. 그 사이에 카톡을 보면 교회에서는 많은 일이 있었으며 그 순간을 함께하지 못했던 부담감도 함께 들어와서 사람들을 차마 만나기가 두려울 뿐이다. 나는 순간순간의 감정이 크게 휘몰아친다. 감정이 여려서 그런지 아니면 미련한 건지도 모를 정도이다. 마음의 요동함을 통해 내 모습은 더욱더 삐딱하게 엇나갈 때가 많았으며 그것을 바로 잡기 위해 하나님께 기도를 드리곤 하였다. 내 마음의 불안한 모든 심정을 기도를 통해 회개하며 나 자신을 반성하게 된다.

 


CSS

속성 - 글꼴, 문자

index.html

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
    <link rel="stylesheet" href="./main.css">
</head>
<body>
	<div class="container">
		<div class="item">Apple</div>
		<div class="item">Banana</div>
		<div class="item">Cherry</div>
	</div>
</body>
</html>

main.css

.container .item{
	color: yellowgreen;
	border: 2px solid black;
	line-height: 2;
	font-size: 30px;
	font-style: italic;
	text-align: center;
}

.container .item:nth-child(2) {
	font-weight: bold;
	text-decoration: underline;
}

1 .container .item
   - color: yellowgreen (폰트 컬러 : 연두)
   - border: 2px solid black (폰트 테두리)
   - line-height: 2 (폰트 위아래 높이)
   - font-size: 30px (폰트 사이즈 / 기본값 : 16px)
   - font-style: italic (폰트 기울기)
   - text-align: center (폰트 정렬 : 가운데)

2 .container .item:nth-child(2)
   - font-weight: bold (폰트 가로 두께)
   - text-decoration: underline (폰트 밑줄)

 

오늘은 글꼴, 문자에 대해서 학습해보는 시간을 가졌다. 주로 폰트로 통일해서 명칭을 정하기도 하지만 font, text를 구분해서 다른 속성값을 줄 수 있는 것을 볼 수 있다. 폰트를 자유자재로 표현하는 것도 중요할 것이다. 시각적 효과에는 배경 꾸미기도 있지만, 폰트가 무엇을 강조하고 싶을 때 사용되기도 한다. 특정 속성값들이 무엇을 지칭하는지 정도는 알고 넘어가면 될 것 같다.
90일 차는 여기서 마무리하고자 합니다.

 

패스트캠퍼스 링크 :https://bit.ly/37BpXi

 

패스트캠퍼스 [직장인 실무교육]

프로그래밍, 영상편집, UX/UI, 마케팅, 데이터 분석, 엑셀강의, The RED, 국비지원, 기업교육, 서비스 제공.

fastcampus.co.kr

 

댓글