css 덮어쓰기

🌼 첫 번째 문제해결

 

부트 스트랩을 써서 만들 때 css가 적용되지 않았다.

부트 스트랩에서 css를 수정하고 싶을 때는 css 덮어쓰기가 중요하다.

 

 

css파일에서 스타일을 넣어도 적용되지 않는데 

부트 스트랩 css파일이 적용되고 있기 때문에 

나의 mai.css파일을 밑에 넣어주었다.

 

=> 같은 클래스명이더라도 하단에 정의한 클래스 명과 스타일을 우선 적용한다.

=> 마찬가지로 css파일이 여러 개 첨부되어 있을 경우에도 똑같다. <link>를 하단에 사용할수록 우선적용

 

🌼 두 번째 문제해결

 

 

링크들 사이의 거리가 매우 떨어져 있다.

 

 

기존 부트스트랩에서 navbar 클래스에 

justify-content: space-between;가 적용되어 있었다.

위에서 main.css를 우선적용 하도록 했기 때문에 

 

 

스타일을 주니 먼저 적용이 되었다.