티스토리 (10)

[html] Margin 과 Padding 차이점과 사용법

안녕하세요, 우리노트의 Benjamin Song입니다. 블로그를 꾸미다 보니 자연스럽게 HTML 학습을 동시에 하는것 같습니다. 오늘은 여백값을 설정할때 사용하는 Margin 과 Padding 에 대하여 알아보겠습니다. 사실 저도 Margin 값을 주었다가 Padding 값을 주었다가 직접 비교해보면서 시간낭비하는 경우가 많습니다. 두가지 여백값 사용은 헤깔리는 경우가 종종 있는데요, 이 포스팅 이후로는 개념이 잘 잡히기를 기대해봅니다. Margin VS Padding 쉽게 설명하자면 Margin은 외부 여백 Padding은 내부여백정도로 생각하시면 됩니다. 그림을 보면서 쉽게 이해해 보도록 하겠습니다. 1. Margin 값으로 좌측 여백을 준경우 2. Padding 값으로 좌측 여백을 준 경우 두경우 ..

더 읽기

[Tistory] style을 이용하여 글씨크기 및 글꼴 변경하기

안녕하세요, 우리노트지기 Benjamin Song입니다. 기존에 돋움,9pt 의 기본 폰트 설정으로 글을 작성하였는데요, 가시성이 별로 좋지 않아 Style의 코드를 수정하여 Font 설정을 변경하여 보았습니다. html 코드를 보면 아래와 같이 나와있는걸 확인할 수 있습니다. body부분을 찾아서 수정해주시면 됩니다. body { background:#BEC3C6 url(images/bg.jpg) repeat-x; color:#555; font-family:Verdana, 나눔고딕, NanumGothic, '맑은 고딕', 'Malgun Gothic' , Gothic, 고딕, AppleGothic, Sans-serif; font-size:0.75em; } color 부분은 글씨색을 설정합니다. 기본 스킨..

더 읽기

[Tistory] 색상표와 이미지에서 HTML색상코드 추출하기

안녕하세요? 우리노트지기 Benjamin Song입니다. 이번에는 앞서 살펴본 html 색상코드 원리에 이어서 색을 실제로 보고 바로 html코드값을 뽑아내는 방법에 대해 알아보도록 하겠습니다. - 관련 글 - [Tistory] html 색상코드 원리 html 색상표를 제공하는 사이트가 여러군데가 있는데요. 저는 개인적으로 아래의 사이트가 마음에 들어 자주 사용하고 있습니다. http://html-color-codes.info/ 사이트의 우측 상단에 보면 언어를 손쉽게 변경 가능하도록 국기 모양이 표시되어있습니다. 한국어도 제공하니 언어를 변경해서 보면 더 편리하게 사용 가능합니다. 색상 HTML 코드 추출 [Color Tools] 에서 2가지의 색상 추출 방법을 제공합니다 HTML Color Chart..

더 읽기

[Tistory] html 색상코드 원리

안녕하세요, 우리노트의 Benjamin Song입니다. 블로그 스킨을 꾸미다보니 미적 감각이 많이 필요하다는걸 몸소 느끼고 있습니다. 미적 감각이 떨어지다보니 직접 배경색 글자색을 이리 저리 바꿔가며 마음에 드는 화면을 만드는 중입니다. 색을 계속 바꿔야 하니 그때마다 색의 html 코드값을 찾는게 여간 불편한게 아니더군요. 그래서 이번에는 html 색상표에대해 살펴볼까 합니다. 우선 중학교 1학년 과학시간에 배운 내용을 떠올려볼까요 빛의 3원색 vs 물감의 3원색 빛 : 빨간색, 녹색, 파란색, 섞을수록 흰색에 가까워진다. 물감 : 빨간색 파란색, 노란색 섞을 수록 검정색에 가까워진다. 빛의 3원색은 리가 흔희 말하는 RGB입니다. 컴퓨터 모니터는 빛을 발사하여 화면을 보여주기 때문에 당연히 빛의 합성..

더 읽기

Copyright © 우리노트 All Rights Reserved

Designed by JB FACTORY

티스토리툴바