Notice
Recent Posts
Recent Comments
Link
«   2026/07   »
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
more
Archives
Today
Total
관리 메뉴

어리바리 신입 개발자의 얼렁뚱땅 개발 기록 ✨

23.03.08 / CSS란? , CSS의 기본 문법 본문

Front - end/CSS

23.03.08 / CSS란? , CSS의 기본 문법

낫쏘링 2023. 3. 8. 15:18
728x90

CSS(Cascading Style Sheet) : 문서에 옷을 입힌다.

/ Cascading - 위에서 아래로 흐른다. 스타일 시트의 적용 우선 순위가 위에서 아래 순이다.

-> 같은 선택자가 반복해서 존재하면 마지막에 있는 선택자의 값이 적용 된다.

html(정보 전달, 기본 뼈대, 구조)을 꾸며주는 디자이너 역할

html 문서 내에서 태그를 선택해서 디자인하고, 배치하는 역할

[기본 문법]

선택자 {속성:값;}

[★ 선택자(selector) ]

- 스타일(css)을 적용할 대상을 명확히 지정하는 용도

- 속성 : Property

- 값 : value

[작성 방법]

선택자 {속성:값; 속성:값; 속성:값; 속성:값}

-> 한 줄 작성이 가능하지만, 가독성을 위해 줄 바꿈 해준다.

하나의 속성과 값을 작성하면, 세미 콜론(;)으로 마무리 한다. 세미 콜론이 없으면 브라우저가 인실할 수 없기 때문에 오류가 발생한다.

주석 처리 /* */ 

 


캐시?

- 임시 데이터 저장소

- 가져온 데이터를 한 번 가져와서 임시로 저장하는 개념

- 한 번 받아온 데이터를 사용자의 컴퓨터 또는 중간 역할을 하는 서버에 저장해놓는다.

- 한 번 데이터를 보관하면 다시 접속할 때 다운로드 불필요

- 파일 다운로드 자체가 서버와 사용자에게 부담(CPU 점유율, 메모리, 속도 등등)

- 처리 속도가 향상, 추가 요청도 빠르게 처리 가능

 

 

728x90