[HTML5] stylesheet 기초

스타일 시트 : 태그에 디자인을 적용하는 것 

태그에 디자인 적용? 

1. 직접적용 : 각각의 태그에 크기 색상 정렬 등등의 속성을 직접 지정 

2. 스타일 시트를 통하여 : 한번에 여러개 또는 여러종류의 태그에 한번에 같은 디자인을 적용할 수 있다. 

3. 스타일 시트를 별도의 파일로 구성하여 여러개의 웹문서에 공통된 디자인을 적용하는 것 

( 한번 만들어서 여러 곳에 적용 -> 객체지향과 유사 )

 

스타일 적용방법 : 범위 : 3 > 2 > 1         우선권 : 1 > 2 > 3 

1) 태그에 스타일 속성을 추가하는 방법 

2) 스타일 태그를 설정하여 적용하는 방법 

3) 스타일 파일을 기술하여 적용하는 방법 

---------------------------------------------------------------------------------------

div는 default상태에서 전체 가로를 다 차지함.

span은 내용물만큼의 가로만 차지함. 

 

집중화시키면 보안이 올라감. 

호환성이 좋아지면 보안이 안좋아짐. 

 

드림위버같은 툴을 사용해서 웹사이트 화면을 만들고, 디자인하게 된다. 

 

/ 웹루트 -> 최상위경로

./ 현재경로

../ 상위경로 

alt - alert

.svg : 벡터이미지의 확장자