서식관련 정보들

 

<p></p><h2 style=" color: #424242; border-left:10px solid #424242; border-bottom: 3px solid #424242; padding: 5px; padding-left: 20px; ">제목서식</h2><p></p>

 

color 다음의 #숫자는 색상 종류

1. 글씨 색

2. 왼쪽테

3. 아래테

 

border-(y) : (x) px

x: 테두리 두께

y: 테두리 위치

 

solid: 굵은 선

dashed: 실선 (그래도 px, 굵기 값은 그대로 두네? 반영되나? 아니면 상관 없는건가?)

 

 

박스 종류

색깔 상자

<div class="txc-textbox" style="border-style: solid; border-width: 1px; border-color: rgb(219, 232, 251); background-color: rgb(219, 232, 251); padding: 10px;"><p></p></div><p><br/></p>

 

그림자 상자

<div style="-moz-box-shadow: 1px 1px 3px 2px #656565; -webkit-box-shadow: 1px 1px 3px 2px #656565; box-shadow: 1px 1px 3px 2px #656565; padding: 5px"> <span style="font-size: 10pt;">콘텐츠 내용</span></div><p><br/></p>

 

스크롤 상자

<pre style="box-sizing: border-box; overflow: auto; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; padding: 9.5px; margin-top: 0px; margin-bottom: 10px; line-height: 1.42857; color: #3333; word-break: break-all; word-wrap: break-word; background-color: #F5F5F5; border: 1px solid #CCCC; border-radius: 4px;"><span style="font-size: 10pt;">콘텐츠 내용</span></pre><p><br/></p>

 

 

 

https://developerin.tistory.com/9

티스토리 서식 설정

 

 

 

 

https://jhblog.tistory.com/133

티스토리 편집(글 포스팅시 서식을 이용보다 css 활용을...)

+ 티스토리 스킨 수정에서, 스크롤시 따라다니는 배너

 

 

 

그 외 (색감 선택에 관해서)

새별스러운 새별 블로그: 사용하기 좋은 색상 조합 추천, 레이아웃을 깔끔하게 구성하는 방법 등 좋은 강의

+ 깔끔한 무료 ppt 탬플릿

https://blog.naver.com/seiru523

새별스러운 새별 블로그 : SIMPLE IS THE BEST : 네이버 블로그

HTML Color Code: 색상 검색, 색상 코드 검색

https://html-color-codes.info/Korean/

HTML 컬러 코드

 

Color Hex: 색상 추천 및 검색, 간단한 CSS 예제와 여러 개의 색과 색 조합 추천

https://www.color-hex.com/

Color Hex Color Codes

w3schools: HTML, CSS 강의자료

https://www.w3schools.com/html/

HTML Tutorial