[HTML/CSS] 블록 요소 & 인라인 요소 HTML의 태그들은 기본적으로 블록 혹은 인라인 속성을 지니고 있습니다. 예를들면 태그를 보면 한줄에 여러개씩 작성 가능한반면 태그는 한줄에 하나밖에 작성 할수 없어요. 전부 외우고 있을 필요는 없지만 자주 사용하는 태그가 어떤 속성을 지니고 있는지는 알아야 웹문서를 작성할때 더욱 유용합니다. 아래는 네이버 "꼬꼬냥"님 블로그에서 워낙 잘 만들어주셨기 때문에 일부 부연 설명을 덧붙여 퍼왔음을 알려드립니다. ▶관련 포스팅◀ [TIP/Blog] - [HTML/CSS] HTML의 기본구조 [TIP/Blog] - [HTML/CSS] CSS의 링크꾸미기 [TIP/Blog] - [HTML/CSS] CSS의 박스모델링 [TIP/Blog] - [HTML/CSS] CSS의 ..
[HTML/CSS] CSS의 Margin속성 본 포스팅은 우선 CSS의 작성법 이해했다는 가정하에 작성되었습니다. 잘 모르겠으면 관련 포스팅을 참조해주세요. ▶관련 포스팅◀ [TIP/Blog] - [HTML/CSS] CSS란? CSS의 작성법 [TIP/Blog] - [HTML/CSS] HTML에 CSS를 적용하는 방법!! [TIP/Blog] - [HTML/CSS] CSS의 박스모델링 [TIP/Blog] - [HTML/CSS] CSS의 Padding속성 Margin은 Border의 바깥에 위치하는 바깥여백입니다. 모든 속성은 앞서 다룬 Padding과 동일하지만 두가지 특징이 더 있습니다. 첫째로는 (-)음수값을 사용할 수 있으며, 둘째로 Auto값을 지정 할 수 있습니다. 각 변을 따로 지정 할 수 있으..
2017년 오토모티브위크 방문기 in 킨텍스 9월 10일 일요일 2017 오토모티브위크를 방문 했어요~ 작년에 너무 재미있었기 때문에 올해도 놓치지 않고 방문 했습니다. * 스크롤 압박 엄청납니다!! 오토모티브위크 ▶관련 포스팅◀ [Culture] - 2017년 오토모티브위크 in 킨텍스 ※ 본 포스팅의 사진은 2017 오토모티브위크의 모습입니다. 늦잠 자는 바람에 오전11시쯤 도착해서 후문으로 입장했어요. 무빙워크를 타도 한참을 가니 가능하면 정문을 이용하심이 좋을것 같습니다. 앞에서 간단한 설문조사를 한 후 입장권으로 바꿔주는데 작년에는 목걸이 형태로 나갈때 반납했지만 이번에는 그냥 종이만 주더군요. 사실 입장 후에는 딱히 쓸모가 없긴 해서 반납하는 귀찮음이 줄어들어 오히려 좋은것 같아요. 현장 입구..
고척 스카이돔 야구장 in 고척 구로구에 위치한 고척스카이돔은 사계절 내내 문화행사를 할 수 있는 국내 최초의 돔야구장 입니다. 고척돔이 개장한지 2년이 되어가는데 사실 고척돔의 위치가 워낙에 교통량이 많은 곳에 지어지다보니 경기가 있는날은 혼잡하고 주차장은 작은 편에 주차장을 운영하지 않는날도 많기 때문에 차를 가져가는것은 매우 불편해요. 경기가 있는날은 주차요금이 올라가며 1시간에 3,000원 이라고 하네요. 저는 거리가 멀지 않아서 택시를 타고 갔어요. 좁은 땅에 건물을 짓다보니 양 옆이 없는 계란형 모양이 되어 버렸어요. 치어리딩을 보시려면 블루석으로 예매하셔야 합니다. 가격은 잠실보다 조금더 비싼듯해요. 다른 구장보다 가격이 비싸기 때문에 할인 혜택 꼭 챙기시기 바랍니다. 고척돔 "VIP pas..
[HTML/CSS] CSS의 Padding속성 본 포스팅은 우선 CSS의 작성법 이해했다는 가정하에 작성되었습니다. 잘 모르겠으면 관련 포스팅을 참조해주세요. ▶관련 포스팅◀ [TIP/Blog] - [HTML/CSS] CSS란? CSS의 작성법 [TIP/Blog] - [HTML/CSS] HTML에 CSS를 적용하는 방법!! [TIP/Blog] - [HTML/CSS] CSS의 박스모델링 [TIP/Blog] - [HTML/CSS] CSS의 Border속성 Padding은 Border와 Content사이의 여백을 관리하는 안쪽여백입니다. 각 변을 따로 지정 할 수 있으며 다음과 같이 사용합니다. * Padding-Top * Padding-Bottom * Padding-Left * Padding-Right Pa..
[HTML/CSS] CSS의 Border속성 본 포스팅은 우선 CSS의 작성법 이해했다는 가정하에 작성되었습니다. 잘 모르겠으면 관련 포스팅을 참조해주세요. ▶관련 포스팅◀ [TIP/Blog] - [HTML/CSS] CSS란? CSS의 작성법 [TIP/Blog] - [HTML/CSS] HTML에 CSS를 적용하는 방법!! [TIP/Blog] - [HTML/CSS] CSS의 Background속성 [TIP/Blog] - [HTML/CSS] CSS의 박스모델링 Border는 테두리의 형태를 다루는 속성입니다. 테두리의 스타일, 두께, 색상, 곡률을 지정하며 각 변을 따로 지정 할 수도 있습니다. 테두리 스타일은 다음과 같은 효과를 부여합니다. * Dotted - 점선 테두리 * Dashed - 파선 테두리 ..
[HTML/CSS] CSS의 박스모델링 본 포스팅은 우선 CSS의 작성법 이해했다는 가정하에 작성되었습니다. 잘 모르겠으면 관련 포스팅을 참조해주세요. ▶관련 포스팅◀ [TIP/Blog] - [HTML/CSS] 표 만들기 〈TABLE〉태그!!(2) [TIP/Blog] - [HTML/CSS] 표 만들기 〈TABLE〉태그!!(1) [TIP/Blog] - [HTML/CSS] CSS란? CSS의 작성법 [TIP/Blog] - [HTML/CSS] HTML에 CSS를 적용하는 방법!! 모든 요소는 하나의 박스(Box)로 생각 할 수 있습니다. 큰 박스, 작은 박스 등을 쌓아올려 보기좋게 레이아웃을 구성할 수 있으며 블로그 및 홈페이지를 제작할때 확실히 이해를 하고 있어야 합니다. 박스모델을 한장의 이미지로 가장 쉽..
[HTML/CSS] CSS의 링크꾸미기 본 포스팅은 우선 CSS의 작성법 이해했다는 가정하에 작성되었습니다. 잘 모르겠으면 관련 포스팅을 참조해주세요. ▶관련 포스팅◀ [TIP/Blog] - [HTML/CSS] 폰트 사이즈 단위 [TIP/Blog] - [HTML/CSS] CSS란? CSS의 작성법 [TIP/Blog] - [HTML/CSS] HTML에 CSS를 적용하는 방법!! [TIP/Blog] - [HTML/CSS] 링크걸기 〈a〉태그!! 링크는 태그를 사용하기 때문에 태그를 꾸며주게 되는데, CSS란? CSS의 작성법의 의사셀렉터(가상선택자) 부분을 활용하여 속성을 부여합니다. 링크꾸미기는 보통 다음과 같은 효과를 부여합니다. * a:Link - 방문하지 않은 링크 * a:Visited - 방문했던 ..
여러 이미지 레이어로 불러오기 from 포토샵 여러 이미지들을 하나의 문서(PSD)의 각 레이어로 불러들여야 할때는 어떻게 할까요? 보통 "Open"을 사용하면 각자 불러들여집니다. 하지만 "stack"기능을 활용하면 쉽게 불러올 수 있지요. 우선 이렇게 일반적인 방법 "File→Open"을 이용하여 파일을 불러들이면 이렇게 각 이미지들이 별도의 문서, 즉 별도의 작업환경으로 불러들여집니다. 그럼 이번에는 "File→Scripts→Load Files into Stack"을 눌러봅시다. Load Layers창이 열리면 파일 혹은 폴더를 정하고 Browse버튼으로 이미지를 불러옵니다. OK버튼을 누르면 이렇게 간단하게 하나의 작업환경에 여러 이미지들을 일괄로 손쉽게 불러올 수 있어요. 보통 여러 이미지를 합..
심리 테스트 당신의 센스는? * 본 내용은 어떠한 과학적 근거도 제시 할 수 없으니 단순히 재미로만 봐주시기 바랍니다. ▶관련 포스팅◀ [Killing Time/Psy Test] - 심리 테스트 성격을 알아보는 7가지 질문 [Killing Time/Psy Test] - 심리 테스트 진짜 살인범은? 추리 테스트 [Killing Time/Psy Test] - 심리 테스트 전생에 나는 어떤 사람이였을까? [Killing Time/Psy Test] - 성격 발달 심리 테스트!! 사회 생활을 할 때 눈치만 빨라도 쉽게 적응 할 수 있죠. 흔히 센스있다는 표현을 많이 하는데 그렇다면 당신은 어떤 센스가 뛰어날까요? 테스트 시~작! Q. 퇴근 후 집에 온 당신은 너무 허기져서 밥을 먹으려는데 마땅히 먹을 게 없다면 ..