이런거 그리 중요시할 필요는 없을것 같은데요.나모나 드림웨버같은것을 쓰면 직접 소스안쓰고 멋진 스타일 시트를 만들수 있을걸요.그럼 아래 설명하죠.전 이런거 설명하기 무지 즐기죠.ㅎㅎ
맨 첫줄에 있는<style type=text/css>는 무슨건지 알겠죠.스타일시트작성에는 여러가지가 있는데 위에서 례로 든것은 직접 html문서 안에 삽입해 넣는것에 속합니다.이런걸 제외하고 또 이런 스타일시트를 한개 파일로 만들어서 저장한후 쟈바스크립으로 불러오는것이죠.보통 비교적 큰 사이트에 가서 보면 이런거 사용한게 많아요.이런 파일의 확장명은 보통 *.css입니다.
그다음 아래 부분으로 내려갑시다.
BODY,TD,DIV {font-family:verdana;font-size:8pt;color:#cccccc;}
.comment {font-family:tahoma;font-size:10pt;color:#cccccc;}
여기서 font-family는 글자체를 지정하는소스입니다.여기서는 verdana체를 선택하였군요.그리고 font-size는 글자크기를 지정하는것입니다.뒤에 있는 color는 당연히 글자색상이겠죠.그리고 맨위에있는 BODY,TD,DIV이것은 이와같이 설정한 글자를 body(본문),td(매칸)마다에 적용하겠다는 뜻입니다.그런데 주의할것은 만약 웹폰트를 쓸경우 폰트(글자)체 경로를 적어야하죠.례하면 @font face:티티체 url="폰트주소"이렇겠죠.
A:link {color:#990033;text-decoration:none;}
A:visited {color:#666666;text-decoration:none;}
A:active {color:#666666;text-decoration:none;}
A:hover {color:#999999;text-decoration:none;}
이네개구절 아주 중요합니다.
여기서 A:link는 링크된 글자스타일을 지정하는것이죠.color:#990033은 글자색상을 RGB색상으로 지정한거구.뒤에 있는 text-decoration:none.은 글자밑에 밑줄을 넣지않겠다는것을 말합니다.
같은 도리로 A:visited 는 이미 방문한 글자스타일을 지정한것이고 A:hover은 마우스가 글자위에 있을때의글자스타일을 지정하는것이죠.
제가 알고있는것만큼 적었습니다.도움이 되였는지 모르겠네요.그러면 오늘은 이만...
제목 | 상태 | 답변수 | 글쓴이 | 날짜 |
---|---|---|---|---|
3 |
328늑대 |
22/02/13 |
||
4 |
연이84 |
22/02/09 |
||
8 |
달리는남자 |
22/02/02 |
||
3 |
눈부신그대 |
22/01/23 |
||
9 |
소망이넘침 |
21/12/20 |
||
14 |
안창해 |
21/11/06 |
||
9 |
여제n궁 |
21/11/03 |
||
2 |
호바기 |
21/10/02 |
||
5 |
푸마매니아 |
21/09/18 |
||
11 |
해보자1976 |
21/09/17 |
||
7 |
하얀민족 |
21/09/07 |
||
1 |
편리한집 |
21/09/07 |
||
1 |
매일행복하게 |
21/09/04 |
||
8 |
닉넴생각중 |
21/08/23 |
||
1 |
조선의거상 |
21/08/08 |
||
3 |
서예지 |
21/07/11 |
||
6 |
정권 |
21/05/29 |
||
1 |
tndi6 |
21/05/28 |
||
2 |
그사람여자 |
21/05/26 |
||
9 |
달리는남자 |
21/05/06 |