본문 바로가기

웹개발/HTML, CSS 기초

[html, css 기초] 4. html 속성과 css

1. 이론

이전 강의에서 html을 기본적으로 다루는 방법을 배웠다.

이제 html 속성에 css 코드를 추가하여 색상, 위치, 굵기, 스타일 등을 변경할 수 있다. 

실습을 보면 css가 뭔지 직관적으로 알 수 있다.

 

2. 실습

 

[css 적용 전 기본값]

 

[css 코드 작성] : 제목을 가운데로 옮기는 코드이다.

# css 코드란? style="~" 부분을 의미 ( html 속성 )

# open tag에만 작성할 수 있음을 주의한다.

 

 

[css 코드 적용 후]

 

 

퀴즈) 색상을 옮기는 css 코드를 작성해본다.

# mdn web docs에서 css reference를 보고 색상을 바꿀 수 있는 것을 찾아 글 색상을 변경한다.

 

 

정답은 다음 글에서 확인할 수 있습니다.