CSS Basic

CSS 

HTML의 스타일을 입히는것

 

CSS 문법

선택자 { 속성: 값; }

선택자 : 적용할 대상

속성 : 스타일의 종류

값    : 스타일의 값

;      : 범위의 끝

 

CSS선언방식

내장 방식

링크 방식

인라인 방식

@import규칙

 

내장 방식

html head부분에

<style>

    div {

        color: red;

        margin: 20px;

    }

</style>

 

인라인 방식

html body에 정의하는 방식

<div style: red; margin: 20px;>contents</div>

 

링크 방식

css문서를 html head부분에 정의하는 방식; 병렬방식;

<link rel="stylesheet" href="./css/main.css">

 

@import방식

css내에 @import규칙으로 또 다른 css문서를 가져와 연결하는 방식; 직렬방식

@import url("./box.css");