본문 바로가기

div3

[html/css] div 1개 정렬하기(왼쪽, 오른쪽, 가운데 정렬) [html/css] div 1개 정렬하기(왼쪽, 오른쪽, 가운데 정렬) div 태그는 하나 이상의 태그를 마치 그릇처럼 담아서 여러 스타일을 주기에 편리합니다. 즉 div는 여러 요소를 담는 박스라고 보시면 됩니다. 보통 div 1개를 쓰는 경우는 글 속에 삽입하는 경우가 많으므로, css 작성은 인라인 스타일로 작성했습니다. [html/css기초] span, div CSS란? (HTML과 CSS의 차이, CSS 작성법) div 만드는 법 내용 여는 태그와 닫는 태그 사이에 내용을 넣으면 됩니다. 함께 사용할 수 있는 속성 width 너비 height 높이 margin 객체와 객체 사이의 공간 (여기서는 박스를 정렬할 때 사용하기도 함) padding 선과 내용사이의 공간 text-align 박스 안에 .. 2014. 4. 15.
[html/css] span, div 태그 차이 특정영역와 넓은 영역에 스타일을 주는 태그 span, div 태그 지난 시간에 span, div에 대해 다뤘는데요 오늘은 span, div 태그 2탄입니다. [html/css기초] span, div 글꼴, 색깔, 너비나 높이 등 스타일을 지정할 때, 두 가지 방식으로 지정할 수 있는데요. 1. 문자 일부분만을 선택해서 지정하거나 (inline) 2. 넓은 범위를 묶어서 지정하거나 (block) [Inline Element] 1번은 줄 속에 끼워 넣는 요소(inline element) 라 하며, 예 :, , , 태그 등 [사용 예] 지구별 홈페이지에 오신 것을 환영합니다 지구별 홈페이지에 오신 것을 환영합니다 지구별 홈페이지에 오신 것을 환영합니다 사용 예에서 본 것처럼 특장 문자를 선택해서 지정할 때 편.. 2014. 3. 14.
[html/css기초] span, div [html/css기초] span, div 사용법 어제는 id, class 선택자에 대해 알아 보았습니다 class, id 선택자 참조 id는 스타일을 지정할 때 사용하는 고유 이름이고 class는 스타일을 묶어서 지정할 때 사용하는 이름이라고 했습니다. 이 id, class 와 함께 자주 사용되는 것이 와 입니다. 과 역시 그룹으로 묶어서 지정하는 것과 관계가 있습니다. 는 문자열을 원하는 부분만 선택해서 시각적 효과를 줄 수 있습니다. 사용 예. 내용 내용 id를 사용하게 되면 각각 고유의 이름을 부여해야 하기 때문이 전체를 묶어 스타일을 지정하려면 class를 사용하는 것이 편리합니다. ㉠확장자 .css로 저장 (예:test.css) span.welcome { color:red; } ㉡확장자 .htm.. 2014. 3. 11.