Web/CSS

[CSS] CSS의 기본

어징베 2022. 6. 29. 20:08

✅웹 문서에 디자인 입히기

스타일을 사용하는 이유❓

🅰️HTML로는 웹사이트의 내용을 나열하고 CSS로는 웹 문서의 디자인을 구성

🅰️스타일을 사용하면 웹 문서의 내용과 상관없이 디자인만 바꿀 수 있다.

🅰️반응형 웹 디자인이 가능

✅스타일과 스타일 시트

🔖스타일형식

기본형: 선택자 { 속성1: 속성값1; 속성2: 속성값2 }

 

🔖스타일 시트

스타일 규칙을 확인하기 쉽게 한군데 묶어 놓은 것

웹 문서 안에는 스타일 규칙을 여러 개 사용

 

  • 브라우저 기본 스타일
    • 브라우저에서 기본으로 적용하는 스타일
  • 사용자 스타일
    • 인라인 스타일: 스타일 시트 사용X, 스타일을 적용하고 싶은 태그에 style="속성: 속성 값;" 형태로 스타일 적용 
    • 내부 스타일 시트: 웹 문서 안에서 사용할 스타일을 문서 안에 정리한 것, <head>태그 안에서 정의, <style> 태그 사이에 작성 
    • 외부 스타일 시트: 여러 웹 문서에서 사용할 스타일을 별도 파일로 저장해 놓고 필요할 때마다 파일에서 가져와 사용, <link> 태그만 사용

 

...ing