본문 바로가기
기타 개념정리

CSS 파일을 사용하는 이유 정리

by wakestand 2020. 6. 30.
반응형

 

CSS 파일에서 스타일을 작성해서 저장하고

사용하려는 HTML에서

해당 CSS를 끌어와 사용하게 되는데

 

굳이 CSS 파일에서 작성하지 않아도

HTML에서 만들어서 써도 되는데

뭣하러 .css 파일을 만들지?

 

이런 생각이 들 수 있다

 

그런데 화면 갯수가 많아질 경우

하나씩 작성해 주다보면 손도 많이가고

위험한 상황은 스타일을 바꿔야 할 경우

 

CSS를 끌어오는 경우에는

CSS 하나만 바꿔주면 되는데

각 HTML에 CSS를 따로 작성했을 경우에는

모두 수작업으로 바꿔줘야 한다는 거다

 

이렇기 때문에

스타일은 CSS를 작성한 후

통일해서 사용하는 것이 좋고

 

특정 화면별로만 따로 적용해야 할 경우에는

해당 화면에 동일한 이름으로

클래스를 작성하면 스타일 적용 시

해당 화면에서 작성한 스타일을 우선 적용하기 때문에

개별 화면에서도 큰 문제가 없다

 

예제는 아래 글에서 확인해주면 된다

 

특정 화면에만 CSS 스타일 변경방법

NewFile.css 파일에서 test class를 가져와 버튼에 적용시키는 코드인데 css 파일에서 width와 height를 400으로 주는 바람에 버튼이 너무 큰 것 같다 그래서 width와 height를 100으로 바꾸려고 하는데 문제는..

wakestand.tistory.com

반응형

댓글