태그♡소스방

P의 사용에 대하여(2)

탤런트 2007. 1. 26. 23:55
속 P 에관하여


P 의 사용에 대한 속편을 이어 가겠습니다.



전번 시간에 color 까지 설명을 드렸습니다만.
혹 이해가 안되시는 부분이나 설명글이 미흡한 부분에 대하여
이렇게 설명 하면 좋겠다는 의견있으시면 보내 주세요.

9. text-decoration:
이건 문장에 줄넣는것 입니다.
보통 링크된 문장은 밑줄이 그어지죠?
링크에도 되지만 일반 텍스트에도 됩니다
이명령어로 밑줄을 넣을수도 있구 뺄수도 있구. 위에 줄 넣을수도 있구
위아래 모두 넣을수도 있어요.
none,overline,underline,line-through, 등이 있지요.
영어를 해석 해보면 이명령어가 어떤것인지 쉽게 이해 하실 겁니다.
음---전번에 이어서 적용해 보겠습니다.


몇일전에 아들이 걸레를 들고서 이곳 저곳을 청소하고 있더라구요.
그래서 전 애구 홍인이 착하네...했더니.
글쎄 뭐라고 하는줄 아세요???
응 엄마.산타할아버지한테 선물 받을려고 그래....하는거 있죠.
에구 예뻐라~~~


전번의 소스가 여기까지이지요.
글이 너무 길어 �은글로 예를 보겠습니다
음 그리고 글사이의 간격이 너무 넓으니간 120% 정도로 해보지요


예 1


인터넷이란 전세계의 컴퓨터들이 연결된 네트워크의 네트워커 입니다



이 컴들은 서로간의 통신을 위해 TCP/IP 라는 프로토콜을 사용해요



그래서 인터넷을 TCP/IP를 사용하는 네트워크들의 네트워크라고 정의 합니다



결과보기


인터넷이란 전세계의 컴퓨터들이 연결된 네트워크의 네트워커 입니다



이 컴들은 서로간의 통신을 위해 TCP/IP 라는 프로토콜을 사용해요



그래서 인터넷을 TCP/IP를 사용하는 네트워크들의 네트워크라고 정의 합니다


예 2
이렇게도 할수 있지요.
underline과 overline을 함께 넣어도 됩니다.


이런 인터넷이라는이름은 inter-network 라고하며 이를 줄여서 인터넷이라고 부릅니다


결과보기


이런 인터넷이라는이름은 inter-network 라고하며 이를 줄여서 인터넷이라고 부릅니다



10. letter-spacing
이건 글자의 간격을 조정합니다
일반적으로는 필요 없겠지만 홈페이지 가지신분이 많은것같아 적어 봅니다.
보통 홈페이지 만드실때 큰 제목 같은것은 글자와 글자 사이에 특수문자 사용하여
띄웁니다만 이걸 사용하면 편하지요.
단위는 em을 사용 합니다. 다른것도 있는데 워낙 사용하지않아 잊어 버렸어요.
아시는분은 게시판에 올려주세요.


예 1 letter-spacing:0.5em을 적용


아름다운글


결과보기


아름다운글


예 2 letter-spacing:1.5em을 적용


아름다운글


결과보기


아름다운글



11. text-align:
문장의 좌.우 정열 이죠.
left, right, center, justify 가 있습니다.
이건 모두가 아실꺼야.
모르시는분 손들면 예를 보여 드리죠^^
하나� 예를 보여 드리지 뭐~~~~


글간격을 조금 줄여서(letter-spacing:0.3em) text-align:center를 적용해봅니다

시가 언어 예술이라는 사실과

언어가 기호라는사실을 인정한다면

시는 기호들의 축제라 할수 있다

예상하지 못한 기호들끼리 어울려 춤을 추거나

불꽃을 피우는 놀이 같은 것이다.

기호는 인간을 숙주로 기생하는 존재다.

기호의 운명은 숙주의 운명에 따라 번성하고 소멸한다.



결과보기


시가 언어 예술이라는 사실과
언어가 기호라는사실을 인정한다면
시는 기호들의 축제라 할수 있다
예상하지 못한 기호들끼리 어울려 춤을 추거나
불꽃을 피우는 놀이 같은 것이다.
기호는 인간을 숙주로 기생하는 존재다.
기호의 운명은 숙주의 운명에 따라 번성하고 소멸한다.



12. margin: 바깥여백
top,right,bottom,left
이것도 모두가 잘 사용하시는데요 left뿐만 아니라 right, top, bottom.
모두 사용할수 있어요.
상 하 좌 우 모두를 설정하실려면 위의 순서를 외우셔야 합니다
top,right,bottom,left 순서대로 컴이 기억 합니다
주의 : 순서 틀리면 안되요
단독으로 사용하실때는
margin-left:적용 수치
margin-right:적용 수치 로하여 띄우고져하는 방향과 수치만 적어주시면 됩니다
물론 복수의 사용이 가능 합니다.




시가 언어 예술이라는 사실과 언어가 기호라는사실을 인정한다면
시는 기호들의 축제라 할수 있다
예상하지 못한 기호들끼리 어울려 춤을 추거나 불꽃을 피우는 놀이 같은 것이다.
기호는 인간을 숙주로 기생하는 존재다.
기호의 운명은 숙주의 운명에 따라 번성하고 소멸한다.



결과보기


시가 언어 예술이라는 사실과 언어가 기호라는사실을 인정한다면
시는 기호들의 축제라 할수 있다
예상하지 못한 기호들끼리 어울려 춤을 추거나 불꽃을 피우는 놀이 같은 것이다.
기호는 인간을 숙주로 기생하는 존재다.
기호의 운명은 숙주의 운명에 따라 번성하고 소멸한다.



13.background-color: 배경 색상
글자의 배경 색상을 넣을수도 있습니다.
RBG 로 색상을 넣으셔도 되구요,색상코드로 넣어도 되지요.


예 음---
뭔 색이 좋을까!!!!!
문장 정열은 중앙으로 하는게 좋겠네요.
text-align:center로 바꿔 봅니다


넓은 강이 다독거려놓은
새 순 푸른 보리밭을 보며
아버지는 말씀 하셨다
봐라, 이밭속에 길이 있다.
아무도 이길을 지나지 않고는
저쪽에 이를수 없다.
아버지는 무슨길을 깨우치고 싶으셨던가


 
결과보기


넓은 강이 다독거려놓은
새 순 푸른 보리밭을 보며
아버지는 말씀 하셨다
봐라, 이밭속에 길이 있다.
아무도 이길을 지나지 않고는
저쪽에 이를수 없다.
아버지는 무슨길을 깨우치고 싶으셨던가



14. background-image: 배경 이미지
글의 배경 이미지도 넣을수 있어요.
background-color 와 background-image 중 하나만 선택 하세요.


예 : 그림에 어울리게 글색을 흰색 으로 바꾸어 봅니다


히말라야 산 이름들을
중얼 거리다 보면
내게도 아직 사랑할힘이
남아 있을것이라는 생각이 든다


 
결과보기


히말라야 산 이름들을
중얼 거리다 보면
내게도 아직 사랑할힘이
남아 있을것이라는 생각이 든다



마치며


p의 사용법을 이걸로 마치겠습니다
조금더 있지만 필요치 않을것 같군요.
이 p의 사용법은 p뿐만 아니라 모든 스타일에 적용 됩니다.
모든님~~ 유용하게 사용하시길 바랍니다
안녕히~~~~

이글에 마우스를 가져가 보세요.


여기도 한번 가져가보구


이건 wait 이구요


이건 hand 손이지요


e-resize 라고 하구


nw-resize 라고 해요


n-resize라고 고쳐 보고


숙제 입니다.^^




오타가 있거나
잘못된 부분이 있으면 게시판에 올려 주세요.
질문도 좋구요^^



 

 


 

'태그♡소스방' 카테고리의 다른 글

다음카페 글 올리는 방법  (0) 2007.01.27
P의 사용에 대하여(1)  (0) 2007.01.26
테이블(테두리)에 대하여(1)  (0) 2007.01.26
테이블(테두리)에 대하여(2)  (0) 2007.01.26
테이블(테두리)에 대하여(3)  (0) 2007.01.26