프로그래밍 언어/CSS
[CSS] header 영역 / main 영역 / footer 영역 (div 태그를 이용해서 나눠보기)
예제코드 header 영역 main 영역 box 1 box 2 footer 영역 결과 header 영역 main 영역 box 1 box 2 footer 영역
[CSS] div 태그를 이용해서 프레임 나누기
예제 코드 red yellow blue green black pink 태그를 사용해서 공간을 맞춰준다음, float : left로 왼쪽부터 붙여준다. 결과 red yellow blue green black pink
[CSS] 링크 꾸미기 (link 속성/ a:link, a:visited, a:hover, a:active)
link 속성 :link 방문하지 않은 링크 :visited 이미 방문한 링크 :hover 링크에 마우스 포인트럴 올려 놓았을때 (mouseover) :active 링크를 클릭하는 순간 보여지는 속성 코드
[CSS] CSS text 속성 (color, text-align, text-transform, direction...)
text 속성 속성 설명 color 텍스트의 색상을 지정 direction 텍스트가 쓰이는 방향을 설정 letter-spacing 텍스트 내에서 문자 사이의 간격을 설정함 word-spacing 텍스트 내에서 단어 사이의 간격을 설정함 text-indent 단락의 첫 줄을 들여쓰기할지 안 할지를 설정 text-align 텍스트의 위치를 설정 text-decoration 텍스트에 효과를 설정 (밑줄, 윗줄, 가운데줄) text-shadow 텍스트에 그림자 효과를 설정 text-transform 글자를 대문자 또는 소문자로 바꾸는 설정 예제코드 [class=p1] Hello World1 [class=p2] Hello World2 [class=p3] Hello World3 [class=p4] Hello Wor..
[CSS] CSS란? CCS기초, CSS적용하는 방법 (inline, internal, external)
CSS? ( Cascading Style Sheet ) HTML, XHTML, XML 같은 문서의 스타일을 꾸밀 때 사용하는 스타일 시트 언어. 즉, HTML로 문서가 단순히 집을 만드는 과정이라면, CSS는 HTML 문서의 인테리어, 페인팅하는 작업이라고 생각하면 된다. 문자의 컬러, 종류, 형태 지정, 배경화면 설정, 이미지 지정, 테두리 넣기 등등.. 각종 tag에 이미지 형태 라인 형태로 설정 p tag p 태그 입니다 id=p1 h3 태그 입니다 id=p1 p 태그 입니다 class=cls h3 태그입니다 class=cls p tag p 태그 입니다 id=p1 h3 태그 입니다 id=p1 p 태그 입니다 class=cls h3 태그입니다 class=cls CSS 적용하는 방법 태그명 접근 "태그..