티스토리의 Skin.html과 Style.css 초보2편 css란?

아 어떤 것을 위주로 해야 할지 모르겠네요. 그냥 일반 홈페이지관련으로 공부를 할까 아니면 티스토리에서 나오는 skin.html 과 style.css를 위주로 해서 공부할지에 대해 한동안 고민을 했습니다. 아 어디를 하던지간에 배움의 길은 험하고 멀다는 것을 알기에 그냥 이것저것해서 공부를 하기로 하겠습니다. 그래서 오늘은 style.css에 대한 공부를 좀 해 보겠습니다.

먼저 확장자은 CSS가 무엇인지 부터 알아보자.

CSS란 cascading style sheets의 줄인말인데 간단하게 말해서 스타일시트이다. html이 몸의 바디라면 css는 그 바디에 옷을 입힌다고 보시면 되고 이런 css는 자유자재로 모양을 바꿀수가 있다. 그래서 웹문서를 다양하게 수시로 변경할 경우에 많은 제약이 따르는데 css를 지정해 두면 보완하는데 아주 쉽게 할 수 있는 것이다.

 

티스토리를 아름답게 꾸미길 원하신다면 css를 배우면 확 바뀐 자신의 블로그를 볼 수 있을것이다. 자 그럼 아주 조금 정말로 조금 css에 대해 공부를 해보도록 하고 다음에는 html과 연동으로 하여 같이 배워보도록 하겠습니다. 그럼 css에 대해 공부해 볼게요...

CSS의 종류, 소스라고 하죠. 그것을 먼저 나열해보겠습니다. 무척이나 많네요...큰것만 일단 올리고 세부적인 것은 나중에 다시 만들어서 올리도록 하겠습니다.

 

~~ 테두리 ~~

border border-color border-width border-style border-collapse 여기에서 border뒤에 top,bottom,right,left를 붙여서 하면 더 많은 소스가 만들어집니다

 

~~ 배경 ~~

background background-attachment background-color background-image background-position background-repeat

 

~~ 여백 ~~

margin margin-top margin-bottom margin-right margin-left padding padding도 뒤에 top,bottom,right,left를 붙여서 하면 더 많은 소스가 만들어집니다

 

~~ 목록 ~~

display list-style list-style-image list-style-position list-style-type

~~ 폰트 ~~

font font-family font-size font-style font-variant font-weight color

~~ 텍스트 ~~

text-align text-decoration text-indent text-overflow text-transform

위의 열거한 CSS의 종류외에 다수가 존재하나 그것은 나중에 본문으로 들어가면 내용을 적을것이고 지금은 여기까지 하고 이번 편은 끝내도록 하겠습니다.

다음편은 티스토리의 내용을 어느정도 따라가면서 내용을 보도록 하겠지만 그것이 안된다면 다른 방향으로 나갈것입니다. 참고하시고 봐주시길 바랍니다.