민자의 지식창고

CSS3 기본기능 익히기 본문

개발노트/CSS

CSS3 기본기능 익히기

전지적민자시점 2018. 6. 11. 13:32

1. 레이아웃 순서


1)항상 마크업이 먼저다.

HTML 시맨틱 마크업으로 구조를 잡고, CSS로 디자인을 입힌다.


2)마크업 다음 CSS 작업 수행

 CSS를 넣는 방법은 총 3가지 이다.

 

 가) 인라인 스타일(Inline Style) 

: 한줄짜리 짤막한 스타일. 태그안에 직접 지정하여, HTML과 섞어서 사용. 

: 태그에 직접 스타일 손쉽게 이용하나, 유지보수면에서 자제 하는 것이 좋다.

 나) 내부 스타일 시트 (Internal Style Sheet)

: HTML 파일 안에 별도 영역으로 스타일 지정. 

: HTML.문서 하나가 고유한  CSS 내용을 가진다고 생각될때 사용.

: <style> 태그 사용하여 지정

: HTML 페이지 안의 위치하므로 영향을 주는 범위는 페이지 안의 전체 태그 

: 페이지 변경되면 영향을 주지 않는다.

 다) 외부 스타일 시트(External Style Sheet)

: 내부스타일 시트의 단점 보완

: 각각의 HTML 페이지 문서는 <head> 섹션 안에 <link> 태그를 사용하여 스타일 페이지와 연결 합니다.

: 스타일 시트 파일 확장자는 css 이다.


*link

 : 문서 파일과 외부 자원 파일을 연결한다.

 : 외부자원 파일은 대부분 css 파일이다.


 3) 상속 개념


HTML DOM 이란?

 Document object model : HTML 문서를 처리하기 위해서 트리 형태로 태그와 특성간 관계를 구조적으로 표현한것 





728x90
저작자표시 비영리 변경금지

'개발노트 > CSS' 카테고리의 다른 글

스마트폰UI 기법 익히기  (0) 2018.06.12
반응형 웹 디자인하기  (0) 2018.06.12
CSS3 레이아웃 사용법 익히기  (0) 2018.06.11
CSS3 좌표계 사용법 익히기  (0) 2018.06.11
CSS 고급 기능 익히기  (0) 2018.06.11
'개발노트/CSS' Related Articles more