| 공지 |
HTML
HTML 기초 다지기
 4
|
오작교 | 209888 | | 2008-06-17 | 2010-08-19 13:08 |
| 공지 |
HTML
HTML과 CSS의 종합 정리
1
|
오작교 | 225824 | | 2007-10-01 | 2010-08-19 12:45 |
| 공지 |
일반
스타일시트의 총정리
|
오작교 | 224672 | 14 | 2006-09-14 | 2010-08-19 12:45 |
| 54 |
CSS
스타일 시트 활용(4) - 커서 모양을 마음대로
|
오작교 | 11434 | 12 | 2006-04-17 | 2006-04-17 16:13 |
|
여러분들이 웹서핑하다가 링크가 걸려있는 글이나 이미지에 마우스를 올려 놓으면 커서 모양이 손가락으로 변하지요? 근데 링크 말고도 글에서 특정부분이나 링크가 안 걸려져 있는 이미지에 마우스를 올려놓으면 커서 모양을 손가락 모양은 물론 모래시계 모...
|
| 53 |
CSS
배경 고정시키기
|
오작교 | 11462 | 15 | 2006-04-17 | 2006-04-17 16:14 |
|
보통 스크롤을 하게 되면 배경 화면도 같이 주루룩 스크롤되기 마련인데 배경이 한군데 고정되어 있는 사이트를 보셨을 겁니다. 우선 예를 한번 볼까요? 멀릴 갈것도 없이 예동의 뽀엠 누나(정녕 누나일까;;;) 홈에 가 보시면(https://poeme.yedong.com) 오른...
|
| 52 |
CSS
글자 반전시키기
|
오작교 | 15664 | 18 | 2006-04-17 | 2006-04-17 16:15 |
|
이번에는 이미지가 아닌 글자 자체를 반전시켜 나타내는 법을 알려드리겠습니다. 아래를 보시면 글자가 뒤집어져서 보여지는걸 보실수 있으실 겁니다. N+gine N+gine 위처럼 두 문자가 반전된 효과를 보실수 있으실 겁니다. 사용은 별로 어렵지 않습니다. 위의...
|
| 51 |
CSS
Font의 속성값
|
오작교 | 11649 | 35 | 2006-05-06 | 2006-05-06 10:17 |
|
☞ text-align , text-indent text-align 속성은 뭘 까요? 그냥 척 보면 알겠죠.... 정렬해주는 기능이죠. 뭘 정렬해주냐고요? 글자뿐만 아니라 이 속성에 포함된 요소의 정렬방식을 결정해주는 기능을 합니다. text-indent속성은 들여쓰기의 길이를 정해주는 ...
|
| 50 |
CSS
Font의 속성값-2
|
오작교 | 11390 | 25 | 2006-05-06 | 2006-05-06 10:18 |
|
☞ padding-top , padding-left , paddding-bottom , padding-right 앞페이지에서 배운 margin하곤 비슷한 기능인데요...역시 여백조정 속성입니다. 그러나 padding속성은 margin속성에 비해 글자나 요소간에 겹치게 할 수가 없답니다. margin보다는 그리 많이 ...
|
| 49 |
CSS
칼라에 관한 스타일시트-3
|
오작교 | 12241 | 22 | 2006-05-06 | 2006-05-06 10:20 |
|
☞ background-position 배경 이미지의 위치를 조절해주는 속성입니다. 속성값은 키워드식 , 픽셀방식 , 퍼센트(%) 방식이 있습니다. 키워드 방식 body { background-position: top left; } 픽셀방식 body { background-position: 40px 50px } 퍼센트 방식 body...
|
| 48 |
CSS
칼라에 관한 스타일시트-2
|
오작교 | 11908 | 12 | 2006-05-06 | 2006-05-06 10:22 |
|
background-images 와 background-repeat 에 대한 예제를 보도록 하겠습니다. <style type="text/css"> <!-- body { background-image : url(https://tagmania.net/img/jang.jpg) ; background-repeat : repeat-y ; } .love { font-size : 13px; color : green...
|
| 47 |
CSS
칼라에 관한 스타일시트-1
1
|
오작교 | 10314 | 18 | 2006-05-06 | 2006-05-06 10:27 |
|
이번 강좌에서는 컬러와 관련된 스타일 시트에 대해서 알아보도록 하겠습니다. 컬러와 관련된 스타일 시트 속성으로는 color , background-color , background-image , background-repeat , background-attachment , background-position , background 등이 있...
|
| 46 |
CSS
스타일 시트 위치지정과 레이어
1
|
오작교 | 11390 | 16 | 2006-05-06 | 2006-05-06 10:29 |
|
이번 장에서는 스타일 시트 위치지정과 레이어에 대해서 알아보겠다. ☞ position , left , top 스타일 시트의 요소의 위치를 조절해주는 속성이다. h2 { position: absolute; left: 100px; top:40px; } 대충 이렇게 사용됩니다. position 속성의 경우 absolute...
|
| 45 |
CSS
스타일 시트로 배경에 글래디언트 효과
|
오작교 | 12833 | 12 | 2006-05-06 | 2006-05-06 20:03 |
|
<head>사이에 <style type="text/css"> .color1 {filter='progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=yellowgreen, EndColorStr=#FFFFFF)';font-size: 9pt; border:0 solid #000000;height:40px;} .color2 {filter='progid:DX...
|
| 44 |
CSS
스타일 시트 총정리
|
오작교 | 11485 | 16 | 2006-05-06 | 2006-05-06 20:08 |
|
===== 스타일시트(css) 정리 ===== 속성 의미 Font 속성 Font-size 글자의 크기 Font-family 글꼴의 종류 Font-weight 글자의 두께 - normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 Font-style 글자의 모양 - norm...
|
| 43 |
CSS
가로 스크롤바만 없애는 방법
|
오작교 | 13181 | 22 | 2006-05-06 | 2006-05-06 20:12 |
|
body 태그 안에 style="overflow-x:hidden" 을 넣어보세요. <body style="overflow-x:hidden">
|
| 42 |
CSS
스타일 시트를 계속 사용하지
|
오작교 | 10795 | 17 | 2006-05-06 | 2006-05-06 20:21 |
|
<style>에서 </style>까지를 복사하여 style.css(예)로 저장합니다. (파일명은 마음대로..) 스타일시트가 필요한 문서를 열고 <head>와 </head>사이에 아래의 태그를 붙입니다. <link rel="stylesheet" type="text/css" href="style.css"> 그러면 style.css 하...
|
| 41 |
CSS
Filter Grow 적용하기
|
오작교 | 11510 | 25 | 2006-05-06 | 2006-05-06 20:23 |
|
엄숙한 시간 지금 이 세상 어디에선가 우는 사람은, 까닭없이 이 세상에서 우는 사람은 내가 슬퍼 울고 있다. 지금 이 밤 어디에선가 웃는 사람은, 까닭없이 이 밤에 웃는 사람은 나를 비웃고 있다.지금 이 세상 어디에선가 가고 있는 사람은, 까닭없이 이 세...
|
| 40 |
CSS
TD속에 배경을 고정하기
|
오작교 | 13062 | 28 | 2006-05-06 | 2006-05-06 20:24 |
|
TD속에 배경고정 <table align="center" border="1" width="256" height="230"> <tr> <td height="256" style="background color:white url(images/aaa.jpg) no-repeat fixed left bottom;" width="230"> </td> </tr> </table>
|
| 39 |
CSS
Marquee를 이용한 타자치는 효과를
|
오작교 | 13010 | 24 | 2006-05-06 | 2006-05-06 20:28 |
|
단순한 태그로도 타자치는 효과를... 어때여?*^^* 스크롤되는 방향을 오른쪽 왼쪽 정해주면 단순한 태그로도 타자치는 효과를 낼 수 있어요. 마퀴소스앞에 요것만 써 주면 되여. marquee direction=right>marquee direction=left> 단순한 태그로도 타자치는 ...
|
| 38 |
CSS
특정링크 색상 다르게 지정하기
|
오작교 | 14733 | 12 | 2006-06-03 | 2006-06-03 21:13 |
|
아 이거 안된다고 한참 고민했습니다 -_- A:link {color:#3E4773;text-decoration:none;} A:visited {color:#3E4773;text-decoration:none;} A:active {color:#3E4773;text-decoration:none;} A:hover {color:#636FAC;text-decoration:none;font-weight:bold} ...
|
| 37 |
CSS
스크롤바를 따라 다니는 레이어
|
오작교 | 12300 | 16 | 2006-09-14 | 2006-09-14 10:42 |
|
페이지 전체가 어수선하고 지저분해지는 등 썩 추천할 만한 기능은 아니지만 공부를 하는 것이니까 알아두는 것이 좋을 듯 합니다. 헤드부분에.... <script language="JavaScript"> <!-- self.onError=null; currentX = currentY = 0; whichIt = null; lastScr...
|
| 36 |
CSS
싸이즈대로 새창 띄우기(여러 가지 문서)
|
오작교 | 12127 | 13 | 2006-09-14 | 2006-09-14 10:47 |
|
1번=플래시가 들어있는 html문서 2번=동영상이 들어있는 html문서 3번=이미지가 들어있는 html문서 4번=플래시가 들어있는 html문서 로서 각각의 문서에 모두 script src="resizewin.js"를 넣어줘야 하며 head부분에 dolion = new resizeWin(600,550); dolion....
|
| 35 |
CSS
스타일시트로 배경에 그라이언트 효과
|
오작교 | 12001 | 14 | 2006-09-14 | 2006-09-14 11:47 |
|
<head>사이에 <style type="text/css"> .color1 {filter='progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=yellowgreen, EndColorStr=#FFFFFF)';font-size: 9pt; border:0 solid #000000;height:40px;} .color2 {filter='progid:DX...
|
