-
오늘도 한걸음. 수고많았어요.^^
-
조금씩 꾸준히 오래 가자.ㅎ
span, div 2
특정영역와 넓은 영역에 스타일을 주는 태그 span, div 태그 지난 시간에 span, div에 대해 다뤘는데요 오늘은 span, div 태그 2탄입니다. [html/css기초] span, div 글꼴, 색깔, 너비나 높이 등 스타일을 지정할 때, 두 가지 방식으로 지정할 수 있는데요. 1. 문자 일부분만을 선택해서 지정하거나 (inline) 2. 넓은 범위를 묶어서 지정하거나 (block) [Inline Element] 1번은 줄 속에 끼워 넣는 요소(inline element) 라 하며,예 :, , , 태그 등 [사용 예] div.rtf 지구별 홈페이지에 오신 것을 환영합니다지구별 홈페이지에 오신 것을 환영합니다지구별 홈페이지에 오신 것을 환영합니다 사용 예에서 본 것처럼 특장 문자를 선택해서 지정..
2017. 3. 23.
CSS란? (HTML과 CSS의 차이, CSS 작성법)
CSS란? (HTML과 CSS의 차이) CSS는 Cascading Style Sheets 약자로, HTML, XHTML, XML 같은 문서의 스타일를 꾸밀 때 사용하는 스타일 시트 언어입니다. HTML로 문서의 뼈대를 만들면 CSS는 이 문서의 화장을 맡고 있는 셈인데요. 글꼴이나, 배경색, 너비와 높이, 위치 등을 지정하거나, 웹 브라우저, 스크린 크기, 장치에 따라서 화면을 다르게 표시될 수 있도록 지정할 수도 있습니다. CSS는 1996는 12월 W3C(웹 문서 표준을 만드는 기관)가 도입 했는데 그 전엔 HTML언어 하나로 문서의 뼈대도 만들고, 꾸밈도 같이 했습니다. 그러다 보니 HTML 문서를 수정할 때 모든 문서를 하나씩 수정해야 하는 번거로움이 있었습니다.. CSS는 문서의 내용(conte..
2017. 3. 23.
table 태그, tr 태그, th 태그, td 태그와 table 속성 정리
표를 만드는 table 태그, tr 태그, th 태그, td 태그와 table 속성 정리 오늘은 태그에 대해 알아 보겠습니다. 은 표를 만드는 태그인데요 아래 그림처럼 작은 표를 만드는 데 쓰일 수 있고, 밑에 처럼, 홈페이지의 전체 구성(layout)을 만드는 데도 사용될 수 있어요. 하지만 원래 table 태그는, 위 그림처럼 데이터를 담고 있는 표를 만들기 위한 목적이라고 합니다~ 그래서 홈페이지 전체 구성이나 배치를 위해선, 태그를 사용하는 것이 좋으며 앞으로 다룰 css에서 더 자세히 알아보도록 하겠습니다. CSS란? (HTML과 CSS의 차이, CSS 작성법) html 기초 태그에 대해서도 썼듯, 역시 과 쌍을 이루어 사용합니다. HTML 기초(태그 작성법, 저장 방법, 대소문자 구별, 서버에..
2017. 3. 23.
border 속성 자세히 알아 보기(border-width, border-style, border-color 사용법)
태그 작성법에서 배울 때 border 속성은 표의 굵기를 지정하는 역할이라고 했습니다.(표 색상은 bordercolor) table 태그, tr 태그, th 태그, td 태그와 table 속성 정리 html에서 border 속성 사용 예: 번호이름 실행 화면: 번호이름 [CSS에서 border 속성 사용하는 법] CSS란? (HTML과 CSS의 차이, CSS 작성법) css에서 border 속성 사용법은 조금 다릅니다 border: 선 너비, 선 모양, 선 색상; 을 한꺼번에 지정하고, 특히 선 모양은 꼭 지정해야 합니다. 1. 선 두께 (border-width) : 픽셀로 지정하거나, thin, medium, thick더보기 2. 선 모양(border-style) : none, dotted, dashe..
2017. 3. 23.
html/css div 정렬하기 (왼쪽 정렬, 오른쪽 정렬, 가운데 정렬)
div 만드는 법 내용 여는 태그와 닫는 태그 사이에 내용을 넣으면 됩니다. 함께 사용할 수 있는 속성 접기width 너비height 높이margin 객체와 객체 사이의 공간 (여기서는 박스를 정렬할 때 사용하기도 함)padding 선과 내용사이의 공간text-align 박스 안에 있는 요소의 가로 정렬(left, right, center, justify 가 있음)vertical-align 박스 안에 있는 요소의 세로 정렬 (단, line-height 값도 같이 지정해주어야 함, line-height값은 박스 높이와 같은값)border 선 굵기, 선 형태, 선 색 지정background-color: 배경색 지정 접기 border 속성 자세히 알아 보기(border-width, border-style, b..
2017. 3. 23.
