어리바리 신입 개발자의 얼렁뚱땅 개발 기록 ✨
23.03.08 / CSS란? , CSS의 기본 문법 본문
728x90
CSS(Cascading Style Sheet) : 문서에 옷을 입힌다.
/ Cascading - 위에서 아래로 흐른다. 스타일 시트의 적용 우선 순위가 위에서 아래 순이다.
-> 같은 선택자가 반복해서 존재하면 마지막에 있는 선택자의 값이 적용 된다.
html(정보 전달, 기본 뼈대, 구조)을 꾸며주는 디자이너 역할
html 문서 내에서 태그를 선택해서 디자인하고, 배치하는 역할
[기본 문법]
선택자 {속성:값;}
[★ 선택자(selector) ]
- 스타일(css)을 적용할 대상을 명확히 지정하는 용도
- 속성 : Property
- 값 : value
[작성 방법]
선택자 {속성:값; 속성:값; 속성:값; 속성:값}
-> 한 줄 작성이 가능하지만, 가독성을 위해 줄 바꿈 해준다.
하나의 속성과 값을 작성하면, 세미 콜론(;)으로 마무리 한다. 세미 콜론이 없으면 브라우저가 인실할 수 없기 때문에 오류가 발생한다.
주석 처리 /* */
캐시?
- 임시 데이터 저장소
- 가져온 데이터를 한 번 가져와서 임시로 저장하는 개념
- 한 번 받아온 데이터를 사용자의 컴퓨터 또는 중간 역할을 하는 서버에 저장해놓는다.
- 한 번 데이터를 보관하면 다시 접속할 때 다운로드 불필요
- 파일 다운로드 자체가 서버와 사용자에게 부담(CPU 점유율, 메모리, 속도 등등)
- 처리 속도가 향상, 추가 요청도 빠르게 처리 가능

728x90
'Front - end > CSS' 카테고리의 다른 글
| 23.03.09 / 적용 우선 순위 & 스타일 상속 (0) | 2023.03.09 |
|---|---|
| 23.03.09 / 가상 클래스 , 가상 요소, 속성 선택자 (0) | 2023.03.09 |
| 23.03.09 / 복합 선택자 (0) | 2023.03.08 |
| 23.03.08 / 선택자 문법과 기본 선택자 (0) | 2023.03.08 |
| 23.03.08 / HTML - CSS 연결 방법과 경로 입력 방법 (0) | 2023.03.08 |