개발자 장지랩

HTML 태그 내용 header content sideinfo footer CSS내용 #container { background-color:black; width:960px; margin:0 auto; padding: 10px;} #header{ background-color: red; height: 100px;} #content{ background-color: blue;float: left; width: 660px; height: 400px;} #sideinfo{ background-color: green; float: left; width: 300px; height: 400px;} #footer{ background-color: gray; clear:both; height: 100px;} #div{..

여백(margin)은 구성요소 외부의 영역이다. 테두리(border)는 구성요소를 둘러싸고 있는 것을 말하고 테두리는 다양한 형식 너비와 색깔을 갖는다. 패딩(padding)은 콘텐츠 주위에 존재하며 콘텐츠 영역의 배경색을 상속받는다. 테두리와 콘텐츠 사이에 존재한다. 콘텐츠(content)는 패딩 내부에 존재한다. 여기에 알짜배기?가 표시된다. margin : 20px 50px 10px 5px; 의 결과값. margin : A - 상하좌우의 여백을 A로 지정 margin :A B - 상하의 여백을 A로 좌우의 여백을 B로 지정 margin : A B C D - A: 상 B:우 C:하 D:좌의 여백으로 각각 지정함. padding도 이와 같다.

1) 홈페이지에서 Gradle을 다운받는다. 링크 : http://www.gradle.org 2) 다운받은파일을 압축을 풀어 특정 디렉토리에 넣는다. (저의 경로는 D:\Developement\gradle-2.2.1) 3) 환경변수설정 중 Path(시스템변수)에 그래들 설치경로/bin;을 추가해준다. 4) GRADLE_HOME이라는 시스템변수를 만들어주고 그래들 설치경로를 추가한다. 설치끝 ========================================================================== 제대로 설치됐는지 확인하는 방법 - CMD창에서 build.gradle이 있는 경로로 가서 gradle -q helloworld를 치면 Hello,world가 제대로 출력되는지 확인하면..

안드로이드 스튜디오를 사용하려면 JAVA JDK가 필요합니다. 설치가 안되있다면 먼저 설치하시길 바랍니다. 설치 이후 환경변수를 설정해야합니다!! 1. 안드로이드 스튜디오 다운-(http://developer.android.com/sdk/index.html) 링크를 타고 들어가 다운받을 수 있습니다. 2. 다운이 완료되면 설치를 합니다. (저는 그냥 다 next했습니다) 3. 설치가 완료되면 이전 안드로이드스튜디오 설정을 가져올건지 묻는데 저는 처음 설치하기때문에 밑에걸 선택했습니다. [만약 오류가 난다면 JAVA JDK 환경변수를 확인하시기 바랍니다] 4. OK버튼을 누르고 나면 Setup Wizard가 뜨는데 뭘 모르니 기본설정으로 하고 그 이후에 안드로이드 sdk tool을 설치하기 위해 동의를 한..

아래 영어들은 코드아카데미에 있는 설명입니다. 영어;;;;; block: This makes the element a block box. It won't let anything sit next to it on the page! It takes up the full width. inline-block: This makes the element a block box, but will allow other elements to sit next to it on the same line. inline: This makes the element sit on the same line as another element, but without formatting it like a block. It only takes u..

를 이용해서 버튼을 만듭니다. 태그를 넣고 그 안에다 글자를 삽입한뒤 태그를 이용해 링크를 걸어줍니다. [이전까지는 메모장을 이용해 만들었는데 sublime Text라는 편한게 있더라고요 무료버전인데 유료버전과 차이가 없는것 같고 저장을 몇번 할 때 마다 결제하라는 창이 뜨는데 취소 누르시고 계속 작업하시면 됩니다] 이제 HTML에서의 작업은 끝났고 CSS파일로 넘어갑니다. 1.에 대한 속성들을 지정해줍니다. height(세로길이), width(가로갈이), border-color(외곽선 색), border-radius(외곽선 둥글기), background-color(배경색) 등등.. 2. 에 대한 속성도 지정해줍니다. text-decoration , color, font-family 등.. [결과물]

코드아카데미 [HTML&CSS] 주소 : http://www.codecademy.com/tracks/web 코드를 직접 쳐보면서 HTML5와 CSS에 대해 배울 수 있는 사이트입니다. 7시간만 투자하면 된다고해요. 저는 현재 39% 완료된 상태입니다. HTML 기초과정부터 시작해서 CSS과정까지 안내하는것을 따라서 하면 모두 배울 수 있습니다. 영어로 된 사이트이긴 한데 설명을 쉽게 해놔서 아직까지는 따라가는데는 어려움이 없었습니다. 이게 강의 페이지인데요 맨 좌측에서 개념설명및 미션을 주는데 그걸 풀고나서 밑에 파란버튼을 누르면 다음단계로 넘어갑니다. 오른쪽에 하얀화면에서 내가친 코드를 실시간으로 웹페이지로 볼 수 있습니다. 코드아카데미 [HTML&CSS] 주소 : http://www.codecadem..

margin과 pading 속성 : 구성 요소 주위에 여백을 추가한다. align과 float 속성 : 다른 요소들에 대해 상대적으로 해당 요소들을 배치하는 방법을 제공한다. 1. 여백(margin) 사용하기 margin-top : 상단 여백 margin-right : 우측 여백 margin-bottom:하단 여백 margin-left: 왼쪽 여백 margin : 상 , 우 ,하, 좌측 여백을 설정한다 ex1) margin-top:15px ; margin-right:10px; - 상단여백을 15픽셀로 우측여백을 10픽셀로 설정한다 ex2) margin: 15px 10px 15px 15px; - 상 하 좌측 여백을 15픽셀로 우측여백을 10픽셀로 설정한다. ex3) margin: 15px; - 상하좌우 여..

테이블만들기는 태그로 시작한다. 이후 행만들기는 으로 만들어주고 이 사이에 태그를 사용해 표의 데이터를 입력한다(td: 테이블 데이터) 태그와 비슷한 >라는 태그가 있는데 이는 테이블의 제목에 해당되는 셀을 나타낸다. 테이블 셀()에는 모든 스타일을 적용할 수 있지만 한셀에 적용한다고 해서 모든 셀에 스타일이 적용되는것이 아니다. 모든 셀에 적용하고 싶은 경우에는 테이블을 만들때 썻던 태그에 스타일을 입력해야한다. 여러가지 테이블의 스타일들. - 배경색 지정하기 : ex) 열의 배경색을 빨강, 글자색을 흰색으로 바꾸기 - 외곽선 굵기 지정하기 : - 셀의 글자 정렬하기 : 글자가 셀의 위쪽부터 가운데정렬되어 나타남. - 셀합치기 : colspan="숫자"(가로열을 숫자만큼 합침) rowspan="숫자"(..

장지랩의 블로그 http://janggiraffe.tistory.com/ > tel : 02-1234-1234, e-mail : jang@giraffe.com 타이틀클래스 사용 : text-transform:uppercase 타이틀클래스 사용x : text-transform:uppercase 왼쪽 여백 25px ------------------------------------------------ 글꼴은 이전에 했던 예제들에도 다있어가지고 별로 볼만한게 없었다.