본문 바로가기
반응형

css124

[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.
[HTML, CSS 기초] class, id 선택자 [HTML, CSS 기초] class, id 선택자 사실 지난 주부터, CSS 카테고리에 글을 올려야겠다고 맘을 먹긴 했는데 글 쓰기가 정말로 쉽지 않네요. 머릿속으로는 대충 알고 있어도, 이론적으로 풀어내려니 또 빠짐 없이 다루어야 한다는 부담감 때문에 글 하나 만들어내기가 어렵게 느껴지네요^^ 이러다간 점점 글 쓸 자신이 없어질까 봐 이제부터 그냥 맘 편하게 쓰려고 해요... 지난 시간에 HTML과 CSS 차이에 대해 알아 보고 작성법도 간단히 알아 봤습니다. CSS란? (HTML과 CSS의 차이, CSS 작성법) HTML 작성은 이렇게 하고 내용 예: 내용 CSS 작성법은 이렇게 선택자 {속성:속성값; 속성: 속성값;} 예: p { text-aglign:center; color: red; } [ID.. 2014. 3. 10.
CSS란? (HTML과 CSS의 차이, CSS 작성법) CSS란? (HTML과 CSS의 차이) CSS는 Cascading Style Sheets 약자로, HTML, XHTML, XML 같은 문서의 스타일를 꾸밀 때 사용하는 스타일 시트 언어입니다. HTML로 문서의 뼈대를 만들면 CSS는 이 문서의 화장을 맡고 있는 셈인데요. 글꼴이나, 배경색, 너비와 높이, 위치 등을 지정하거나, 웹 브라우저, 스크린 크기, 장치에 따라서 화면을 다르게 표시될 수 있도록 지정할 수도 있습니다. CSS는 1996는 12월 W3C(웹 문서 표준을 만드는 기관)가 도입 했는데 그 전엔 HTML언어 하나로 문서의 뼈대도 만들고, 꾸밈도 같이 했습니다. 그러다 보니 HTML 문서를 수정할 때 모든 문서를 하나씩 수정해야 하는 번거로움이 있었습니다.. CSS는 문서의 내용(conte.. 2014. 2. 26.
반응형