본문 바로가기
  • 생활정보 및 IT소식을
    빠르게 전달하는 ITUDY입니다.
Web disign.

D-2 복습. (part.02)

by DNGJN 2021. 1. 6.

 

 

D-2

복습.(part.02)

 

 

 

 

글자의 종류

 

글자의 종류는 총 4가지를 배웠다. 

 

 

진하게, 

 

이탤릭체,

 

강조,

 

강하게,

 

 

 

 

 

 

왼쪽부터 진하게, 이탤릭체, 강조, 강하게. 출력형태

 


list-style-type: none;

 

스타일의 형태이며, 

 

none 은 없다 라는 말이다. 

 

<head> 안의 

 

스타일 태그안에 

 

<body>에 있는

 

<ul>의 전체에 스타일을 준 것이다. 

 

<img> 또한 마찬가지로 크기를 조정해주었다.

출력형태

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

목록의 앞에 달려있던 점들이 사라졌다. 

각각의 이미지들이 동일한 크기로 정렬되었다. 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 


 

 

<style> tag

 

 

font-size: 30px;

- 폰트의 크기, 30 픽셀

 

color:red;

- 글자의 색 : 빨강

 

background: blue;

- 배경색 : 파랑

 

width:200px;

- 너비 200 픽셀

 

height:50px;

- 높이 50 픽셀

 

text-align: center;

- 정렬 : 중앙 정렬

 

 

 

 

 

출력화면

 

복습은 여기까지~~~!!


 

 

 

코로나때문인지는 몰라도 요즘은 거리가 훨씬 더 춥게 느껴진다.

오늘은 어제보다 더 집중이 잘 되어서 좋았다. 영상으로 듣고 따라하고 하는것이 

조금 어려운 부분이였었는데, 학원에 가서 대면 수업을 하니 따라가기도 쉽고 

이해도 빠르고 재미있게 잘 배웠다. 실제로 시간이 어떻게 지나갔는지도 모른 채 

선생님께서 시간이 다 끝나가네요, 라는 말을 들었을 때 속으로 깜짝 놀랬었다.

 

코로나가 찾아오고 예전의 일상으로 돌아갈 수 없다는 말이 참 슬프다. 

 

이럴때일수록 더 열심히 배우고, 나 자신을 바꾸어보자. 내일은 더욱 집중해서 하기!

 

 

반응형

'Web disign.' 카테고리의 다른 글

Jquery를 사용해보자!  (0) 2021.02.15
D-3 Non-contact.  (0) 2021.01.06
D-2 복습. (part.01)  (0) 2021.01.05
D-1 성실하기.  (0) 2021.01.04
공부 시작!  (0) 2020.12.29

댓글