[HTML/CSS] Html과 CSS

LeeHanna·2021년 5월 27일
0

HTML/CSS

목록 보기
2/4
post-thumbnail

HTML (Hyper Text Markup Language)

  • 웹페이지를 만들기 위한 언어로 웹 브라우저 위에서 동작하는 언어

이 html 문서는 단순히 텍스트 파일에 불과하다.
웹 브라우저가 해석을 해서 구조를 통해 화면에 렌더링 해주게 되며 사용자는 View 라고 하는 스크린을 통해 접하게 된다.

CSS (Cascading Style Sheet)

  • CSS에서 Cascading의 사전적인 의미는 폭포, 연속과 같은 의미를 가진다.

Author style ⇒ User style ⇒ Browser

  1. 웹사이트를 스타일링 해줄 때 가장 먼저 css파일로 직접 지정해준 스타일이 적용 (Author style)
  2. 이 스타일링이 없다면 사용자가 사이트 내에서 모드를 바꾼다거나 크기, 색깔 등을 바꾼 스타일이 적용 (User style)
  3. 이 스타일링도 없다면 기본적으로 브라우저에서 기본적으로 지정되어 있는 스타일이 적용 (Browser)

이러한 연속적인 흐름으로 스타일링 되어 지는 Cascading 연결 고리를 가진다.

이 Cascading 연결고리를 끊어주는 !important 속성이 있다.
다음과 같이 사용할 수 있다.

selector {
property: value !important;
}

css스타일 정의를 모두 무시하고 내가 가장 중요한 스타일링이라고 지정해주는 것이다. (스타일 속성 강제 적용) 박스 구조를 잘못 나누었거나, css structure가 잘못되었거나 하는 좋지 않은 아키텍처가 되는 경우에 !important를 쓰게되지만 이 속성을 사용하지 않아도 적용할 수 있는 다른 좋은 방식도 많이 있기 때문에 최대한 쓰지 않는 것이 좋다.

0개의 댓글