CSS / 01 / 기초-1

CSS가 뭔데?..🤔

• Cascading Style Sheets
• html 꾸며주는 언어
• html에서 head(눈에 안 보이는 부분)에 작성한다.
• head부분에서 style태그를 선언 후 작성
• 값 뒤에 세미콜론 ( ; ) 으로 마무리(≒ 닫힌태그) ▶ 안 쓰면, 자바에서 실행 X

CSS의 구성

• 선택자 ► 어떤 태그에게 스타일을 부여할지 작성하는 공간
• 부여할 속성 : 속성값 ;

<style>
        span{
        color: blue;
        font-size: 100px;
        }
        
        h1{
            color: green;
            font-size: 50px;
        }
</style>

✅ CSS에서 자주 사용하는 속성

• : 와 ; 가 늘 있다는 사실 !

color: blue;
font-size: 100px;
font-weight: bold;
font-style: italic;
font-family:"나눔고딕체";

[❓] font-family

• 폰트(글꼴)을 여러개 나열하기 때문
• 여러개 나열하는 이유 : 사용자가 폰트 없는 경우 순서대로 대체 !
• 주의점 : 비슷한것끼리 (중구난방이면, 이 사람 저 사람 다 다르게 느낌)
• 장점 : 유지보수가 쉽다.

font-family: 'Courier New', Courier, monospace;

• Courier New 폰트가 없으면, Courier 도 없으면 monospace
• 'Courier New' ▶ ' 이유 : 뛰어쓰기 있어서 하나의 텍스트로 인식하라고 ? .. 굳이 없어도 되긴 함