바이오 대표

티스토리로 블로그를 작성하는 와중에 인용구 색을 변경하고 싶어서 찾고 그 방법을 공유하려고 한다. 위 사진에서 동그라미 친 아이들이 인용구이다. 인용구들중에 작대기의 색을 바꾸고 싶었다. 두가지 방법이 있다. 하나, 글쓰기를 HTML 모드로 바꿔서 인용구인 "blockquote" 를 찾아서 직접 수정할 수 있다. 둘, 만약 사용중인 테마의 HTML 에 "blockquote"이 없다면 관리자 메뉴의 꾸미기 > 스킨편집 > html 편집 에서 수정할 수 있다. 해당 글에서는 두번째 방법으로 나의 스킨의 css를 바꾸는 것에 초점을 두겠다. Step 1. 관리자 메뉴 들어간다. 블로그 주소 뒤에다가 '/manage' 를 치면 관리자 메뉴로 들어갈 수 있다. 예를 들어 내가 티스토리 블로그의 관리자 페이지로 들..

Block Style 에는 margin, padding, border 이 존재한다 [1] Margin: box의 경계선 '바깥' 공간 Margin 설정 값 예시 margin: 20px 하나 -- > 상 하 좌 우 다 적용 margin: 20px, 15px 둘 --> 상 하 20, 좌 우 15 margin : 20px, 15px, 10px, 5px 넷 --> top, right, bottom, left (시계방향으로) * collapsing margin: body 와 div가 겹치면 margin이 하나가 되어 적용 (상하에서만 발생) [2] padding: box의 경계선부터 '안쪽' 공간 body { padding: 20px; background-color: thistle; } * id 를 이용해서 CS..

box (block): div, p , address, blockquote non-box (inline) : span, a, img, code block은 옆에 다른 요소가 올 수 없는 반면, inline 요소들은 옆에 붙여서 사용할 수 있다. 예시) hello hello hello * 가장 대표적인 Box =

CSS 를 HTML 페이지에 적용 시키는 방법 1. CSS 코드와 HTML 코드를 같은 파일에서 실행 2. 웹사이트를 만들때는 다른 파일로 저장 CSS 기본 형식 태그이름 { 속성: 값; } CSS 는 selector로써 html 태그를 가리켜서 속성을 지정 해준다. ex) 태그 A는 파란색이고, 25px이고 이러한 폰트를 가지고 있다. CSS 규칙 - 세미콜론 (;) 으로 마무리 - 속성 이름 (색, 글자 크기, 폰트): 값 ex) color: blue; - curly bracket { } 사용 - no space * CSS : cascading style sheet = 위에서 부터 순서대로 적용된다 Full 예시) h1 { color: blue; font-size:25px; text-decoratio..