카테고리 없음

블로그 스크롤 특정 위치로 이동하는 방법

블로그를 포함한 어떤 글을 읽다보면 양이 많아서 다시 스크롤을 위로 올려야할 때가 있습니다. 스크롤을 올려서 아까 봤던 내용을 다시 찾아볼려면 좀 힘들 때가 많기도 합니다. 그래서 아까 읽었던데가 어디 쯤이였더라? 혹은 지금 이 사람이 말하는 내용이 어떤걸 말하는 거였지? 아까 그 내용 다시 봐야겠는걸? 예를 들어보겠습니다. >>> 첫 번 째 주제 두 번 째 주제 오늘의 주제 삽입하는 방법

2020. 8. 26. 23:31

카테고리 없음

[CSS 기초] 문법 HTML 요소 선택자

CSS를 공부하기 위해서는 HTML의 기초를 먼저 익히고 오면 좋습니다. CSS는 Cascading Style Sheets 의 약자로서 HTML로 만들어진 요소들이 폰트, 색상, 기울기, 위치 등 어떻게 보여지는 지에 대한 것을 이야기 합니다. 우선 CSS 문법은 아래와 같은 기본적인 틀을 가지고 있습니다. >>> HTML 요소 선택자 CSS를 적용하고 싶은 목적대상이 HTML 의 이름을 직접 인용해서 사용하는 것을 말합니다. 아래에 사이에 h3 라고 명시하고 CSS 값을 넣어 주었습니다. 그리고 와 사이에 있는 h3 위치에 적용할 스타일 위치라고 쓰여져 있는 곳에 적용되는 것입니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 CSS h3 { b..

2020. 8. 26. 19:55

카테고리 없음

블로그에 보기좋게 소스코드 삽입하는 방법

다양한 언어의 소스코드를 티스토리 블로그에 삽입하는 방법에 대해 알아보려고 합니다. 이번시간에는 무설치로 간단하게 COLOR SCRIPTER 라는 사이트를 이용하여 소스코드를 깔끔하게 넣는 방법에 대해서 알아보겠습니다. 참고로, Syntaxhighlighter를 사용한 설치형 코스소스 삽입방법은 추후에 업데이트를 할 예정입니다. >>> 소스 코드를 표에 삽입 - 일반 티스토리 글쓰기 모드에서 제공해주는 기본 표 기능에 예시 소스코드 파일을 삽입한다면 아래처럼 입력이 됩니다. HTML 요소 스타일이 적용 직접선택이 가능 못읽는 것이 아니라 읽기가 싫어지는 것같습니다. >>> 소스 코드 COLOR SCRIPTER 활용 삽입 색상의 구분이 없이 내용이 나열되어 있습니다. 이럴 때 Color Scripter 사..

2020. 8. 26. 19:19