잉고래의 잇다이어리

CSS의 색상지정 방법을 알아보자 시작 전에 참고로 이 글은 이전 CSS 학습 글에 이어진다. 이전 글은 학습목차를 참조하도록 하자. 다시 돌아와서 CSS 요소의 색상을 변경하고자 하는 경우, 색상 지정 방법에는 3가지가 있다. 미리 정해진 color의 이름을 속성 값으로 넣거나 RGB 혹은 16진수 값을 속성 값으로 입력하는 것이다. color 이름 - 예) "red" RGB 값 - 예) "rgb(255, 0, 0)" HEX 값 - 예) "#ff0000" color 이름 Red, Green, Blue, Orange, Yellow, Cyan, Black 처럼 정해진 색상 이름을 color 속성 값으로 지정하는 방법이다. 참고로 color 이름은 대소 문자를 구분하지 않는다. 무슨 말이냐면 "Red"와 "..

CSS를 쓰는 3가지 사용법 브라우저는 CSS 즉 스타일 시트를 읽으면 스타일 시트의 정보에 따라 HTML 문서의 서식을 지정한다. 쉽게 말해 스타일에 따라 HTML을 예쁘게 꾸며주는거다. 그러려면 HTML에 스타일을 넣어줘야 하는데, 넣는 곳에 따라서 외부 스타일 시트, 내부 스타일 시트, 인라인 스타일 이렇게 3가지 방법이 있다. 스타일 시트를 HTML에 삽입하는 세 가지 방법을 알아보자. 참고로 이 포스팅은 CSS에 대한 지난 글에 이어지는 글이다. 순서대로 읽어보면 이해하기 편하다. CSS 소개 : CSS는 왜 Cascading Style Sheet일까? CSS가 생겨난 이유 : CSS가 없던 시절의 문제 CSS 문법 소개 : CSS 기초 문법 2가지 구문만 알면 오케이~ CSS의 선택자 1편 :..

CSS 선택자의 다양한 모습들 다시한번 복습하자면 CSS에서 선택자는 스타일을 적용 할 요소를 선택하는 데 사용되는 패턴이다. 지난 '기본적인 CSS 선택자 3가지' 글에서, 선택자는 요소 이름(Element Name), ID, 클래스(Class)와 같은 3가지 기본적 요소들로 선택될 수 있다고 하였다. 하지만 이 외에도 정말 다양한 선택자 정보들로 요소들을 선택 할 수 있는데, 이번 시간에는 그것들이 뭔지 알아보자. 참고로 선택자는 지원하는 CSS 레벨에 따라서 차이가 있다. 참고로 이 포스팅은 아래의 이전 글들에 이어지는 글이다. CSS 소개 : CSS는 왜 Cascading Style Sheet일까? CSS가 생겨난 이유 : CSS가 없던 시절의 문제 CSS 문법 소개 : CSS 기초 문법 2가지 ..

CSS Selector 지난번에는 CSS의 구문 구성을 알아보았다. 다시 복습하면 CSS 문법은 선택자(Selector)와 선언 블록(declaration block)으로 구성됨을 기억하자. 이번 시간에는 선택자에 대해 좀 더 자세히 알아보고자 한다. CSS 선택자(Selector)는 HTML 요소(Element)를 요소 이름(element name), ID, 클래스(class), 속성(attribute) 등에 따라 찾거나 선택하는데 사용된다. 각각의 경우에 따른 선택자 사용법을 알아보자. 요소 이름 선택자 (element name Selector) 요소 선택자는 요소 이름을 기반으로 요소를 선택한다. 한글로 요소라고 써서 좀 헷갈릴 수 있는데 HTML의 태그 요소를 지칭한다. 아래와 같이 쓰면 페이지의..

티스토리 스킨 바꾸다가 git 설치까지 하네요. 블로그 스킨을 계속 변경하다가 버전 관리의 필요성을 느끼게 되었습니다. 그래서 설치까지 하게된 깃(git). 것참.. 계속 꼬리에 꼬리를 물고 진행되는구요. 흠... git 설치는 아주 간단합니다. git 홈페이지에서 셋업파일을 다운로드 받고 설치할 때 계속 next 버튼을 눌러주면 끝. 오... 완전 간단하죠. 이게 끝입니다. 아래 포스팅 내용은 공부할 겸 좀 더 자세한 설명글이고요. git에 대한 이해 프로그래밍 개발시 나오는 깃은 버전 제어 관리 시스템(Version Control System)을 말하는 것입니다. 버전 관리 시스템은 기능개선이나 버그 수정과 같은 의미있는 변화들 즉 소프트웨어의 버전을 관리하는 시스템입니다. 제 경우는 티스토리 스킨을..

프로그래밍 코드 포스팅하기 티스토리에 HTML과 CSS 혹은프로그래밍 관련 코드를 포스팅 하다 보면, 프로그래밍 소스코드를 에디터로 표현하는 것이 여러모로 불편하고 가독성도떨어진다는 점은 해본 사람은 누구나 공감할 것입니다. 예전 포스팅에서SyntaxHighlighter 글을 찾았는데 추가 내용이 있어 수정 글 올립니다. 우선 프로그래밍 코드를 예쁘게 포스팅 하는 방법에는 2가지가 있습니다. 하나는 colorscripter 웹페이지에서 변환하여 포스팅에 붙여 넣는 방법이고, 다른 하나는SyntaxHighlighter라는 오픈소스 자바스크립트를 블로그에 넣어서 그때 그때 pre태그로 포스팅에서 삽입하여 사용하는 방법입니다. colorscripter colorscripter의 사용법은 쉽습니다. https:..