일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 | 31 |
Tags
- python
- 한글 입력 시 이벤트 두 번 발생
- 9610
- 2522
- 최소공배수
- __proto__ 접근자 프로퍼티
- 프로그래밍
- backtracking
- 비동기
- float: right
- 함수 객체의 프로퍼티
- javascript
- css
- 동기
- 백준 9610번 파이썬 문제 풀이
- Tanstack Query
- 메타버스
- 시간
- 자바스크립트
- 백준
- prototype 프로퍼티
- C++
- 알고리즘
- 동적 계획법
- dp
- 낙관적 업데이트
- 유클리드 호제법
- 한글이 두 번 입력됨
- 백트래킹
- 파이썬
Archives
- Today
- Total
염딩코
CSS란? 본문
CSS란?
Cascading Style Sheet의 약자입니다.
Style Sheet은 스타일을 잘 정리한 문서 한 장을 의미합니다.
Cascading은 작은 폭포, 연속화 등등 연속해서 떨어지는 느낌을 준다고 생각하면 됩니다.
- Cascading은 세부적으로 정의된 것이 있다면 그것을 사용하고 정의된 것이 없다면 기본으로 정의된 다음 것으로 넘어가는 것을 얘기합니다.
웹 사이트를 스타일링할 때, 총 크게 3가지로 나뉩니다.
- Author style
- 우리가 작성하는 style sheet(.css 파일)
- User style
- 사용자의 취향에 맞게 스타일링의 변경하는 것(ex. 다크모드)
- Browser
- 브라우저 상에서 기본적으로 지정된 스타일
- Cascading은 우리가 지정한 스타일(Author style)이 최우선 순위가 됩니다.
- 만일, 우리가 지정해놓은 스타일이 없다면 사용자가 지정한 스타일(User style)로 정해집니다.
- 마지막으로, 우리도 유저도 스타일을 지정하지 않았다면 기본적인 Browser style이 적용됩니다.
이렇게 아래로 떨어지는 느낌 ⇒ Cascading
Cascading을 끊어내는 것이 딱 한 가지 존재합니다.
⇒ !important
보통의 경우에는 !important를 피하고 스타일링을 합니다.
참고: https://www.youtube.com/watch?v=gGebK7lWnCk → 전체적인 내용
'Front-End > CSS' 카테고리의 다른 글
[CSS] div내 요소 중 float:right 이탈 문제 해결 (0) | 2023.06.18 |
---|---|
[CSS] vw, vh란? (0) | 2023.04.10 |
Flexbox의 모든 것 (display: flex) (0) | 2023.02.15 |
Layout: display와 position (0) | 2023.02.13 |
Selector란? (feat. margin, padding) (1) | 2023.02.12 |