241204 CSS 01 - CSS 파일 생성하기, CSS 기초, Selector

1. 새로운 Dynamic Web Project 만들기

Eclipse에서 새로운 Dynamic Web Project를 생성할 때 반드시 체크!

 

프로젝트를 새로 만든 뒤에는 서버를 다시 실행시켜야 한다.

 

 

 

2. CSS 파일 생성하기

1) 먼저 폴더를 먼저 생성(편의상)

 

2) 새로 만든 폴더에 CSS 파일 새로 만들기

 

 

 

3. CSS

html 파일

* 하나의 속성에 여러개의 CSS가 적용되는 경우, 가장 마지막에 적용한 CSS가 적용된다.

   * [m] 'Cascade' Style Sheet

 

css 파일

 

위의 html 파일을 브라우저에서 실행한 모습

 

 

 

4. CSS Selector  ☆매우 중요함 ☆

  * class 속성은 모든 태그에서 사용할 수 있다.

위의 html 파일을 브라우저에서 실행한 모습

 

 

※ margin의 영역이 서로 겹칠 경우 둘 중에 더 큰 margin을 사용한다.