잉고래의 잇다이어리

CSS 여백 속성 CSS margin 속성은 요소(element) 주위에 공간을 생성하는데 사용됩니다. margin 속성은 테두리 외부의 margin 즉 여백 크기를 설정합니다. 요소의 각면 (위, 오른쪽, 아래 및 왼쪽)의 여백을 설정하기위한 CSS 속성이 있습니다. 다음과 같이 margin 뒤에 각면의 이름을 붙이면 됩니다. margin-top margin-right margin-bottom margin-left 모든 margin 속성은 다음 값을 가질 수 있습니다. 또한 음수 값이 허용됩니다. auto - 브라우저가 여백을 계산합니다. length - px, pt, cm 등의 여백을 지정합니다. % - 요소의 너비에 대한 여백을 %로 지정합니다. inherit - 부모 요소에서 여백을 상속해야 함을..

css 테두리 속성들 css의 border 속성을 사용하면 요소(element) 테두리의 스타일, 너비 및 색상을 지정할 수 있습니다. 지난 css 문법을 다시한번 복습하면 css 구문은 선택자(selector)와 선언블록으로 구성되고 각 선언블록은 속성(property)과 값(value)로 구성된다고 하였습니다. 다시말해 border란 속성은 선택자의 테두리 모양을 지정합니다. border-style 속성 border-style 속성은 4면의 테두리에 어떤 종류의 테두리를 표시할지 지정합니다. 만약 개별 면에 스타일을 주고자 하는경우 border-[각면]-style라고 속성을 지정하면 됩니다. 예를 들어 윗면의 스타일을 지정할 경우 border-top-style의 속성값을 지정하면 됩니다. 예: bor..

블로그의 이전 글들에서 ​잘못된 태그들과 ​오류난 html 코드들이 많이 발견되어 이번에 예전 포스팅 글들을 일부 갈아 엎었습니다. 다시보니 제가 쓴 글들이 제법 많네요. 1600개 가량 될려나요? 일일이 세어보지 않았으니 정확하진 않고요. 뭐 어쨌든 아직도 남은게 있지만 전부 ​수정해서 속이 후련합니다. 아시겠지만 이미 발행한 포스팅 글에 대해서 다량의 글을 수정하는 행위는 ​저품질 블로그로 찍힌다는 이야기가 있습니다. 블로거에게 ​검색유입이 안된다는건 치명타입니다. 하지만 어차피 전 검색 순위는 포기한지 오래라 ㅜㅜ 가벼운 마음으로 임했습니다. 두근두근 그래도 궁금하네요. 왕창 발행글을 수정하면. 차단 당하려나? 경고 메일이라도 오려나? 이틀에 걸쳐 맘에 안드는 태그들을 모조리 날려버렸네요. 순위 조..

css background 속성 CSS의 배경 속성은 요소(element)의 배경 효과를 정의하는데 사용됩니다. 예를들면 div 태그에 background-image 속성을 적용하면 글의 배경으로 이미지를 표시할 수 있습니다. 이러한 배경 속성에는 다음과 같은 것들이 있습니다. background-color : 배경색 background-image : 배경 이미지 background-repeat : 배경 반복 background-attachment : 배경 부착 background-position : 배경 위치 background-color 속성 background-color 속성은 요소의 배경색을 지정합니다. 웹페이지의 배경색은 다음과 같이 설정할 수 있습니다. 컬러 값은 지난번 '3가지 CSS col..

블로그 API란 블로그를 운영하다보면 매번 블로그 사이트에 접속해서 로그인을 하고 글 쓰기를 눌러서 글을 적고 이미지를 올리고 하는 과정들을 반복하게 됩니다. 처음엔 괜찮은데 이런 일련의 과정들이 반복되다 보면 정말 써야할 글을 쓰는 시간보다 그 외의 잡다한 일을 하는데 시간을 다 쓰는것 같게 느껴집니다. 그러면 문득 이런 생각이 들죠. "뭐 좋은 방법 없나?" 네 있습니다. 웹브라우저를 띄워서 블로그에 접속하지 않고도 글을 쓰는 인터페이스를 만들어 놨는데요. 바로 이런 방법이 블로그 API입니다. 블로그 API를 이용하면 일일이 블로그 사이트에 접속하지 않고도 네이버, 다음, 티스토리 같은 포털 사이트 블로그에 포스트를 프로그램을 이용해서 손쉽게 등록할 수 있죠. 참고로 API는 Application ..

ATOM, Sublime 그리고 Visual Studio Code 티스토리 블로그를 운영하다 보면 블로그 스킨 변경을 위해서 혹은 글 작성을 위해서 HTML 편집기를 자주 사용한다. 기존에는 티스토리 웹페이지 에디터 상에서 바로 고치거나 메모장 같은 걸로 간략히 고치고는 했는데, 아시다시피~ 작업능률은 영 꽝이다. 이번에 티스토리 스킨을 HTML코드 수정해 나가면서 VSCode를 써봤는데 꽤나 아니 대단히 쓸만하다. 이런거 없이 예전에는 어떻게 살았나 싶을 정도니 말이다. 그래서 말인데 이 참에 쓸만한 무료 HTML 편집기 3종을 소개한다. 3가지로 딱 집어서 말한건 어디까지나 내 개인 취향이다. 다른 분들은 어떻게 느낄지 모르겠지만 정말 괜찮다고 평판이 자자한 녀석들이니 믿고 써보도 괜찮다. 아톰(At..