잡동사니에도 사랑을

서체 (1) 서체 1) font-family 속성 - 서체를 지정 - 예) body { font-family : '돋움‘, dotum, helvetica, sans-serif; } 2) @font-face - 서체를 같이 올려두고 연결하는 방법 - 예) (2) 글자 크기 지정 1) font-size (3) 글자 두께 지정 1) font-weight (4) 글자 장식 1) text-decoration (5) 글자 스타일 지정 1) font-style - italic : 기울임 - oblique : 비스듬하게 - normal : 기울어진 글자를 바로 세움 (6) 글자색 지정 1) color (7) 글 정렬 지정 1) text-align - left : 좌측정렬 - right : 우측정렬 - center : ..

셀렉터(Selector) (1) CSS 기본 셀렉터 - 태그 이름으로 접근한다. 예) h1 {......} => h1 태그의 속성을 지정한다. (2) CSS 자식 셀렉터 - ">" : 자식 셀렉터, HTML 태그의 계층 구조를 표현한다. 예) p > div > fieldset > #pwd {......} => p태그 안의, div태그 안의, fieldset태그 안의, id가 pwd인 태그 (3) CSS 자손 셀렉터 - 자손 셀렉터는 태그의 계층 관계를 나타낸다. - 자식 셀렉터와 다르게, 명시과정에서 중간단계를 생략해도 된다. 예) p div #pwd {......} => p 태그하위의, div 태그안의, id가 pwd인 태그 (4) 특정 요소를 구체적으로 서술하기 - HTML 태그와 class 또는 i..

CSS(Cascading Style Sheets) 웹페이지에 자주 적용되는 부분들은 미리 정리하고 조합하여 정의한 후 페이지 내부에서 필요할 때마다 해당 부분을 적용하는 스타일시트 중 하나. HTML로는 부족한 레이아웃이나 폰트등에 다양성을 부여한다. - 폰트 크기는 지정하는 수치에 따라 마음대로 조절 가능 - 자간/행간 배치가 자유로워 가독성을 높인다. - 링크 상의 밑줄 변형이 자유롭다. - 페이지의 여백을 원하는 만큼 만들어 줄 수 있다. CSS 기본동작 (1) CSS 사용하는 방법 3가지 ① 사이 기술 ② 안에서 직접기술 ③ *.css(파일)로 따로 저장 (2) 기본구성 HTML5 기본 문법 HTML (HyperText Markup Language)은 웹 페이지를 기술하기 위한 '마크업 언어'이다..