'정리'에 해당되는 글 4건

허니몬에 관한 보고서/허니몬의 물병편지
  • 와웅… ㅡ_-);; 일제고사 2일간 보는 시험이었어요? 이 사실을 알게되니 또 퐝당… ㅡ_-);; 설마 15년 뒤에도 일제고사가 있지는 않겠지… 헐… 12월 23일에는 중학교 1, 2학년 대상 일제고사…(일제고사 2일? ㅡ_-);;)2009-10-14 00:33:51
  • 지구를 위한 마음으로 일찍 잠자리에 들어야겠습니다. ^^ 모두모두!! 굿나잇.(지구사랑은 작은 일부터.... ㅡ_-)~ 구글 검색을 아껴야하나!!! 엄한소리야!!)2009-10-14 00:35:12
  • 오늘 아침 라디오에서 들려온 “와인 같은 사람 이야기” : '와인은 마셔볼만 하고, 인생은 살만하다.', 좋은 빈티지를 가지고 있는 와인 같은 사람이 되자. 그윽한 루비빛(비둘기 핏빛이 좋다지만), 그윽한 향기, 깊은 맛을 가지고 있는 오랜기간 숙성된 와인 같이…(아침인사, 와인같은 사람. 천지인, 세가지가 조화를 이루어야한다는 술, 와인. 라디오에서는 더 달콤하게 설명했는데. 잇힝)2009-10-14 07:19:20
  • 전자엔지니어 라는 사이트, 첫인상은 참 독특한 사이트네요. ^^; 번역기를 돌린 듯 약간 어색하고 딱딱한 번역체를 가지고 있지만 다루는 내용 자체는 최신 정보를 담고 있는 듯. -에너지 효율 표준(Energy Efficiency regulation) 따라잡기(친환경 IT, 그린 IT, 재미있군요. ^^)2009-10-14 07:35:34
  • 호옹. 미국 오바마 대통령이 친절한 영어선생이라고!? : 정확한 발음, 느릿한 말하기 속도. 우리나라 젊은이들 설문조사 결과 가장 존경하는 인물 1위. ㅡ_-)> 존경하는 인물의 모습도 성장기, 활동기, 시대적인 흐름에 따라 변하는 듯.(일본인들은 오바마 대통령을 친절한 영어선생이라고 한다. 이명박 대통령은...? 불친절한 그분. ㅡ_-); 첫대면부터 대놓고 하대. 대통령이 높은 자리인 건 맞는데, 국민을 섬기겠다 했던 양반이...)2009-10-14 07:40:53
  • 맨드리바 리눅스라….이녀석도 꽤 흥미로운 운영체제로군. +_+)b 윈도우7 굳이 쓸 필요가 없어지는 것 같아. ㅎㅎ.리눅스 데스크탑 운영체제는 점점 쉽게 쓸 수 있도록 되어가고 있다. 아직은 배우는 재미를 즐길 수 있는 운영체제지만. Mandriva홈페이지(리눅스, 맨드리바 , Mandriva)2009-10-14 07:54:25
  • 트위터 vs. RSS 리더 비교 분석 차트 , 여기서 트위터를 미투데이로 바꾸었을 때의 상황은 어떻게 될까? 아직은 미투데이는 트위터와 같은 링크의 힘은 강하지 않은 듯. 나도 얼마전부터 북마크, 책갈피란 태그로 링크를 활용하고 있음. +_+)(트위터, RSS 리더, 비교분석, 미투데이라면?)2009-10-14 08:09:04
  • 트위터를 이용한 1인 미디어로서 활용모습: 트윗캠을 이용해서 인터뷰 내용을 올리고 하시는 모습이 참 ㅡ_-) 신기합니다. '라고 생각하면 안되는데!!!' 트윗만의 매력이 있는걸까요? ^^; ex : 전광수커피하우스 전광수님과 인터뷰(트위터, 트윗, 1인 미디어, 트윗캠, +_+)b)2009-10-14 08:18:59
  • 과거의 현재의 행정구역 통합 문제, 이게 다 국회의원때문이다!? ㅡ_-)> 자신들의 표밭을 사수하려는 옹졸함인 것일까…? 돈 벌려고 국회의원하는 사람들은 이제 좀 물러나 주었으면 좋겠다. 나라가 이모양 이꼴이 된게 대통령만의 탓은 아니다. ㅡ_-)+(행정구역 통합, 구리시, 남양주시 통합, 그 안에 살고 있는 거주민들의 원인모를 이기심도 한몫 하는 듯.)2009-10-14 09:02:37
  • 흠, 문득 떠오른 건데… 미투데이를 내 나름의 글쓰기용 도구로도 쓸 수 있을 것 같다. 자신의 생각을 적은 다음, 그 글에다가 떠오르는 생각들을 댓글로 붙여가고 미친들의 조언도 얻을 수 있고… 많이 쓰다보니 요런 생각도해보는구나.(미투데이, 글쓰기 도구, 사용방법의 진화!?)2009-10-14 09:06:28
  • 고층병 : 높은 건물이 많이 생겨나면서 생긴 병으로써, 겨울철에 유독 심해지며, 그 증상으로는 감기와 기관지 관련한 질병이 많이 나타난다. 높은 층일수록 기온과 습도가 낮아지고, 태양을 많이 받으면서 건물내에 화학물질이 많이 발생해서 그렇다고 한다.(단어사전, 고층병, 새집 증후군, 겨울철 심해지는 감기 관련 증상)2009-10-14 10:36:03
  • 에스컬레이터 대신 계단을 이용하는 사람들, 도대체 왜?, 관련내용, 예전에 뉴욕 센트럴파크에서 앞으로만 갈 수 있는 로봇에 목적지를 적은 쪽지를 붙여서 한 실험도 문득 생각난다. '우리나라 명동에서 했다면 어땠을까?' 라고 생각했었지.(미투노트, 재미난 실험. 소리나는 계단. 66%의 사람들이 계단으로 오르게 만들었다.)2009-10-14 11:21:00
  • 미투데이 쓰면서 태그의 중요성을 느끼지 못했었다(그냥 반전용이나 보충글을 적었다). 어느사이엔가 태그를 이용해서 글을 분류하는 기능을 쓰다보니까, 미투데이에서 사용한 테그들을 다듬을 수단이 없다는 것을 깨닫게 되었다. ㅡ_-);; 관심태그로 쓴 건 또 어디서 수정?(미투데이, 태그, 편집 기능요함)2009-10-14 11:26:36
  • 애플 스노우 레오파드 버그 : 게스트 계정으로 로그인하면 사라진다고 함. 게스트로 로그인 시 스노우 레오파드의 홈 디렉토리는 비어있는 새로운 것으로 대체된다고 합니다.(애플 스노우 레오파드 버그, +_+) 레오파드 쓰시는 분, 한번... +_+)b 멋지게 버그 테스트 하고 소식 좀 전해주세요. >ㅅ<)/)2009-10-14 11:32:14
  • 이렇게 구글리더로 글들을 보면서 괜찮다~ 생각하는 것들을 링크걸고 주석을 붙이는 생활도 이제 얼마 안남았구나. ㅡ_-);; 나만 걱정되는 건 금요일에 출근한 다음, 월요일부터 어딘가로 교육을 받으러 가야할지도 모른다는 것.(신입사원 허니몬, 금요일 출근. 신입사원 치고는 오래됐다.)2009-10-14 11:49:43
  • 녹색성장과 녹색일자리 // 내가 생각하는 글 잘쓰는 분 중에 한 분이 쓰신 글. 고용없는 성장과 사회양극화의 심화, 이를 해결하기 위한 지속가능한발전 이론을 바탕으로 진행하는 노력.(북마크, 책갈피, 녹색성장, 녹색일자리, 친환경 IT, 그린IT, 저비용, 고효율, 낮은탄소배출량, 일자리창출)2009-10-14 12:00:51
  • 10월 말에 있는 Padi Festival. 갈까말까 고민고민. 통장에는 돈이 없다. 안가는 게 맞는데, 같이 다이빙하던 분들이 같이 가자고 하시니 안갈 수도 없구나. 꺄울….(스쿠버 다이빙, 참가비의 압박. PADI Festival)2009-10-14 23:34:10
  • 꺅!! 이 글을 오늘도 밤을 잊고 야근하고 있는 개발자 여러분을 위해 바칩니다. OTL… 늦은 밤, 열심히 일하는 당신이 아름답습니다. ㅠㅅ-)(종이우산의 앙냥냥 월드, 고양이로 쓰는 일기, 야근으로 힘들어하는 개발자 여러분과의 동병상련. 난 아직은 아니고, 조만간 합류할지도 모릅니다.)2009-10-14 23:37:01
  • fupfin 님께 바칩니다. 힘내세요!! 믿습니다. ㅡ_-)b 힘차게 세상으로 떨쳐 일어나실 것을!!(종이우산의 앙냥냥 월드, 행복한 고양이 엽서)2009-10-14 23:40:26
  • 이번 주말에는 나의 11개월간의 백수생활을 정리하는 시간을 가지면서 다시 사회인으로서 나서는 마음가짐을 가다듬고 커리어 관리를 위한 활동을 시작해야겠다.(백수 생활 정리, 지난 11개월의 기록, 그 속에서 나는 무엇을 얻고 무엇을 잃었는가)2009-10-14 23:52:42

이 글은 허니몬님의 2009년 10월 14일의 미투데이 내용입니다.

신고
11개월의, 1인, 2일, 66, B, Festival, it, mandriva, Padi, RSS, _, , ㅡ_-, 감기, 개발자, 거주민들의, , 검색을, 겨울철, 계단, 계단으로, 고양이, 고양이로, 고층병, 고효율, 관련, 구글, 구리시, 국민을, , 그린, 그린IT, 그분, 글쓰기, 금요일, 기능요함, 기록, 나는, , 남양주시, 낮은탄소배출량, 녹색성장, 녹색일자리, 높은, 다이빙, 단어사전, 달콤하게, 대놓고, 대통령은, 대통령을, 대통령이, , 도구, 동병상련, , 라디오에서는, 레오파드, 리눅스, 리더, 만들었다, 맞는데, 맨드리바, 멋지게, 모릅니다, 무엇을, 미디어, 미투노트, 미투데이, 미투데이라면, 백수, 버그, 북마크, , 불친절한, 비교분석, 사람, 사람들이, 사용방법의, 살고, 새집, 생활, 설명했는데, 섬기겠다, 세가지가, 소리나는, 소식, 속에서, , 스노우, 스쿠버, 신입사원, 실험, 심해지는, 쓰는, 쓰시는, 아껴야하나, 아니고, 아직은, 아침인사, 안에, 압박, 앙냥냥, 애플, 야근으로, 양반이, 얻고, 엄한소리야, 여러분과의, 엽서, 영어선생이라고, 오래됐다, 오르게, 오바마, 와인, 와인같은, 원인모를, 월드, , 이기심도, 이루어야한다는, 이명박, 일기, 일본인들은, 일부터, 일자리창출, 일제고사, 잃었는가, 잇힝, 있는, 자리인, 작은, 재미난, 재미있군요, 저비용, 전해주세요, 정리, 조만간, 조화를, , 종이우산의, 증상, 증후군, 지구사랑은, 지난, 진화, 참가비의, 책갈피, 천지인, 첫대면부터, 출근, 치고는, 친절한, 친환경, 태그, 테스트, 통합, 트위터, 트윗, 트윗캠, 편집, 하고, 하는, 하대, 한다, 한몫, 한번, 합류할지도, 했던, 행복한, 행정구역, 허니몬, 힘들어하는
0 0
허니몬에 관한 보고서/허니몬의 물병편지
  • 월척이 기대되는 오늘!! 월척과 교감하여 대박을 낚아내자!! 생각대로 소원을 빌어봐 비비디바비디!!(me2mobile 간절히 원하면 이루어지..려나?? 노력도 같이 해야지!!)2009-09-02 07:40:56
  • 결전의 시간이 다가오고 있다…!(me2mobile 결전의시간;오후3시!!)2009-09-02 13:44:53
  • 결전의 시간이 지나갔다…. 준비한 부실한 방패는 너덜너덜..!! 하지만 언능 방패를 보강하자.(me2mobile 내 방패는 사용자의 레벨에 따라 성장한다. 나는 초보레벨이다. 면접노가다로 레벨업하자!? 나 고렙쫄하고 싶어요..)2009-09-02 16:04:01
  • 구로에서 집으로 오는 길은 멀구나!!(me2mobile 두시간만 안걸리면 돼!! 라는 마음가짐!!)2009-09-02 16:48:24
  • 이번에는 코스모스도 해바라기도 일찍 개화할 듯 하다^^ 곧 구리 코스모스축제열리면 아침에 사진찍으러 가야지.(me2mobile 이래놓고 항상 사람많고 더운 대낮에 가지..)2009-09-02 16:50:29
  • ㅡㅅ-);; LGT 자꾸 이렇게 나올꺼야? 왜 쓸데없이(내가 설정안했는데) 모바일매니저 메모리 상주시켜서 꽂을 때마다 지맘대로 연결하게 만들어?(ㅡㅅ-);; 자료 날아가면 책임질껴?)2009-09-02 17:47:08
  • 가끔 내 블로그 유입경로를 살펴보다 보면… ㅡㅅ-);; 그룹웨어(회사내 메일)에 걸려서 오는 경우가 종종 발견된다. ㅡㅅ-);; 오늘은 걸릴만 한 것이 있지.(오늘 저녁은 배불리 목살!!)2009-09-02 20:20:41
  • 작년에 갔던… ㅡㅅ-)> 안산해바라기 축제 포스팅은… 올해도 찾아오는 이들이 많다.(우흡...)2009-09-02 20:21:34
  • '야생동물 바탕화면 50선' 요거 괜찮네요. ㅡㅅ-)~ 듀얼용 바탕화면 괜찮은 거 있으신분!?(야생동물 바탕화면 50선)2009-09-02 21:03:15
  • 문득 '자바의 정석'이라는 자바 입문서의 핸드북을 읽다보니… 자바 프로그래머 기술면접 전에 이 책을 보면 좋을 것 같다는 생각을 했다.(me2book Java의 정석, 기술면접용 기본개념 정리 핸드북, 좋구나. ㅡㅅ-);)2009-09-02 23:05:34
    Java의 정석
    Java의 정석
  • 자려고 누웠다가 잠이 안와서 일어나서, 우분투로 접속해서 리눅스 네이트온 깔고, 한쪽 화면에는 넷빈즈와 이클립스 설치하고 있다.(프로그래머 속성과정 개념정립을 위한 레벨업노가다 준비중. me2google me2photo)2009-09-02 23:08:31

    me2photo

  • '네이버 검색엔진 세계 5위', 썩 나쁘지 않은 기록인듯. 구글신이 있다면, 우리에게는 네이놈…네이년… 이 있다(ㅡ_ㅡ;;; 이름이 왜 이래?).(검색엔진 성능 5위는 아님... 검색한 쿼리수. 우리나라 인구수에 비해서 5위의 로컬 브랜드라면... 흠... 국내의 대부분의 궁금증 해결은 네이버!?)2009-09-02 23:43:14
  • 자야지…. ㅡㅅ-);;2009-09-03 01:14:50

이 글은 허니몬님의 2009년 9월 2일에서 2009년 9월 3일까지의 미투데이 내용입니다.

신고
0 0
허니몬의 IT 이야기/프로그래머, '코드 엔지니어'
사용자 삽입 이미지

마인드맵의 활용을 다시 활성화해보자. ㅡㅅ-)b Agile 기법이라고 말하면 거창하지만.... 나만의 작은 개발기법으로 만들어보자.

변화에 대한 능동적인 변화를 할 수 있는 Agile 기법!!

http://agile.egloos.com/

애자일 기법과 관련된 다양한 이야기들을 담고 있는 사이트. 참고바람. ^^
신고
0 0
허니몬의 IT 이야기
스타일 시트(Style Sheet) : HTML 문서에서 자주 사용하는 서체나 색상, 정렬, 각 요소들의 배치 등의 유형을 가리킨다. 웹 브라우저 창의 한쪽에 배치하는 등의 다양한 스타일을 한군데 모아놓은 것을 '스타일 시트'라고 한다.
  <h4><font size="12px" color="blue">HTML 이 뭘까?</font></h4>
   <h4><font size="12px" color="blue">스타일 시트는 또 뭐고</font></h4>
-> 스타일 시트 사용 시에는 한번만 적용하면 된다.
   <head>
   <style type="text/css">
   h4 {font-size:12px; color:blue}
   </style>
   </head>
   <h4>HTML이 뭘까?</h4>
   <h4>스타일 시트는 또 뭐고?</h4>



스타일 시트를 사용해야 하는 이유
    ◎ 웹 문서의 디자인과 내용을 분리할 수 있습니다.
      ⊙ CSS를 이용해서 웹문서를 디자인할 경우 HTML 소스 부분은 그대루 두고 CSS 소스만
         수정하면되기 때문에 작업이 훨씬 효율적이다.

    ◎ 다양한 매체에 적합한 문서를 만들 수 있습니다.
      HTML로 작성된 내용은 그대로 두고 CSS에서 대상 매체(Media)가 프린터인지, 모바일
        기기인지만 지정해주면 같은 내용을 여러 매체에서 사용할 수 있다.
자신이 작성한 문서에 자신이 원하는 형식의 매체 스타일(Style or Design)을 적용시키면 된다.


CSS 명령어 사용하기

CSS 명령어의 구조

선택자 { 프로퍼티 : 값 }       ex) body { color : black }
선택자 : 주로 태그가 기술됨. 이 태그에 프로퍼티와 값이 적용됨
프로퍼티 : 왼쪽의 선택자에 적용될 속성을 기술함(프로퍼티 = 속성)
값 : 프로퍼티의 값. 즉, 속성값을 기술함. 이 값은 프로퍼티마다 다름

①. 모든 CSS 구문은 위와 같이 선택자, 프로퍼티, 값으로 구성

②. 프로퍼티와 값은 중괄호 { }내에 기술되며, 콜론(:)으로 구분합니다.

③. 값이 2개 이상의 단어로 구성되면 따옴표 내에 기술합니다.

      p {font-family:"sans serif"}

④. 하나의 태그에 여러 개의 프로퍼티:값 쌍을 지정할 경우는 값 프로퍼티:값 쌍을 세미콜론(;)으로 구분합니다.

      p {text-align:center; color:red }

⑤. 여러 개의 프로퍼티를 지정할 경우, CSS 구문을 읽기 쉽도록 한 개 라인에 한 개의 프로퍼티:값 쌍을 기술할 수도 있습니다.

   p {
       text-align: center;
       color: black;
       font-family: arial
   }



● CLASS 속성 사용하기 ( Tag.class name )

 class 속성은 두 가지 경우에 유용하다. 첫 번째는 하나의 태그에 여러 개의 스타일을 적용하는 경우이고, 두 번째는 여러 개의 태그에 하나의 스타일을 적용하는 경우이다.
<style type="text/css">
       p.right {text-align: right}         -> P 태그 하나에 두 개의 스타일을 정의함
       p.center {text-align: center}
   </style>
   
   <p class="right"> 이 문장은 오른쪽으로 정렬됩니다. </p>
   <p class="center"> 이 문장은 가운데로 정렬됩니다. </p>

   <style type="text/css">
    .center {text-align: center}
   </style>
   <h1 class="center"> 이 제목은 가운데로 정렬됩니다.</h1>
   <p class="center">이 문장도 가운데로 정렬됩니다.</p>



ID 속성 사용하기 ( #ID name )

  ID 속성은 CLASS 속서오가 유사하다. ID 속성도 두 가지 경우에 유용하다. 첫 번째는 동일한 ID를 가진 모든 태그들에 동일한 스타일이 적용되는 경우이고, 두 번째는 동일한 태그라도 해당 ID를 가진 경우만 스타일이 적용된다. 
<style type="text/css">
   #intro
   {
   font-size:110%;
   font-weight:bold;
   color:#0000ff;
   background-color:transparent
   }
   </style>

   <h1 id="intro"> 이 제목은 intro 스타일로 표시됩니다. </h1>
   <p id="intro"> 이 문장도 intro 스타일로 표시됩니다.</p>




주석 사용하기
/* 와 */ 사이에 기술한다(여러 줄 주석)

   <style type="text/css">
   /* 이것은 주석입니다. */
   p {
       text-align: center;
       /* 이것도 주석입니다. */
       color: black;
       font-family: arial
   }




CSS 를 이용하는 3가지 방법

   1. <head> ... </head> 사이에 기술(내부 파일 방식)  [우선순위 1]
   2. HTML 태그 내에 직접 기술(인라인 방식) [우선순위 2]
   3. 별도의 .css 파일에 기술(외부 파일 방식) [우선순위 3]
      @import 문 이용
CSS 입력 위치

[1].  <head> ... </head> 사이에 기술(내부 파일 방식) 기재분량 적을 떄
   <style type="text/css">
       body {background-color: yellow}
       h1 {font-size: 36pt}
       h2 {color: blue}
       p {margin-left: 50px}
   </style>



[2]. html 태그 내에 직접 기술(인라인 방식)
   <body style="backgrount-color: yellow">
   <h1 style="font-size: 36pt"> 이 제목은 36 포인트입니다.</h1>
   <h2 style="color: blue"> 이 제목은 푸른색입니다.</h2>  
   <p style="margin-left: 50px">이 문장은 왼쪽 여백이 50픽셀 입니다.</p>



[3]. 별도의 .css 파일에 기술(외부 파일 방식)
  <link rel="stylesheet" type="text/css" href="style12.css" />
style12.css
   body {background-color: yellow}
   h1 {font-size: 36pt}
   h2 {color: blue}
   p {margin-left:50px}



[4] @import 문 이용
   <style type="text/css">
       @import "외부 스타일 시트 파일"
   </style>


@import 문 사용시 <link> 태그와 함께 사용
      <link rel="stylesheet" href="style1.css">
      <style type="text/css">
       @import "style2.css"
      </style>


Border Style
      p.solid {border-style: solid }
      p.double {border-style: double}
      p.dashed {border-style: dashed}
      p.dotted {border-style: dotted}
      p.groove {border-style: groove }
      p.ridge {border-style:ridge}
      p.inset {border-style: inset}
      p.outset {border-style: outset }


Border Style 2(border width, style, color, boder-right-color)
  <style type="text/css">

      p.one
      {
      border-style: solid;
      border-width: 5px;
      border-color: blue
      /*border-right-color: #ff0000*/
      }
      p.two /* 색상 두개 지정할 경우, 먼저 색은 위아래 선색, 다음 색은 좌우 선색 */
      {
      border-style: solid;
      border-width: 10px;
      border-color: blue yellow
      /*border-right-color: #ff0000*/
      }
      p.three /* 색상 세개 지정할 경우, 먼저 색은 위, 다음 색은 좌우 색, 다음 색은 아래로 나타난다. */
      {
      border-style: solid;
      border-width: 15px;
      border-color: blue yellow red
      /*border-right-color: #ff0000*/
      }
      p.four /* 시계 방향으로 적용됨 */
      {
      border-style: solid;
      border-width: 20px;
      border-color: blue yellow red gray
      /*border-right-color: #ff0000*/
      }
      </style>



<a> 태그 설정과 관련된 CSS
      /* 문서가 처음 표시될 때 */
      a:link { color:black; text-decoration:none; font-family:돋움; font-size:9pt;}
    
/*링크가 한번이라도 클릭 된후 */
       a:visited{ color:red; text-decoration:none; font-family:돋움; font-size:9pt;}
      /* 링크를 클릭하고 나면 */
      a:active{ color:blue; text-decoration:none; font-family:돋움; font-size:9pt;}
      /* 커서가 링크 위로 올라왔을 때 */
      a:hover { color:green; text-decoration:underline; font-family:돋움; font-size:9pt; background-color:#0066cc }



테이블에 CSS 적용하기
    <HTML>
      <HEAD>
      <TITLE> 테이블에 스타일시트 적용하기  </TITLE>

      <STYLE type="text/css">

      TABLE {/*테두리 종류: double*/
                  border-style:double;
             /*테두리 굵기: 5px*/
                  border-width:5px;
             /*테두리 색: #006600*/
                  border-color:#006600
            }

      TH { /*테두리 종류: solid*/
              border-style:solid;
           /*border-top-width :위쪽 테두리 굵기: 0px*/
              border-top-width:0px;
           /*아래쪽 테두리 굵기: 5px*/
              border-bottom-width:5px;
           /*오른쪽 테두리 굵기: 0px*/
              border-right-width:0px;
           /*왼쪽 테두리 굵기: 0px*/
              border-left-width:0px;
           /*테두리 색: #006600*/
              border-color:#006600;
           /*padding :셀안의 데이터와 테두리 간 여백: 5px 5px 5px 5px*/
              padding:5px 5px 5px 5px;
           /*배경색 : #ffffff*/
              background-color:#ffffff;
           /*글자색: #006699*/
              color:#006699;
           /*폰트크기: 15pt*/
              font-size:15pt;
           /*폰트체: 바탕*/
              font-family:바탕;
           /*글자 간격: 10px*/
              letter-spacing:10px
           
           }

      TD {
            /*테두리 종류: dotted*/
            border-style:dotted;
            /*border-top-width :위쪽 테두리 굵기: 0px*/
              border-top-width:0px;
           /*아래쪽 테두리 굵기: 1px*/
              border-bottom-width:1px;
           /*오른쪽 테두리 굵기: 0px*/
              border-right-width:0px;
           /*왼쪽 테두리 굵기: 0px*/
              border-left-width:0px;

           /*테두리 색: #006600*/
              border-color:#006600;
           /*padding :셀안의 데이터와 테두리 간 여백: 5px 5px 5px 5px*/
              padding:5px 5px 5px 5px;
           /*칸 높이 : line-height: 150%*/
              line-height:150%;
            /*폰트크기: 15pt*/
              font-size:15pt;
           /*폰트체: 바탕*/
              font-family:바탕7
      }

      </STYLE>

      </HEAD>

      <BODY leftmargin="0" topmargin="0" background="../images/back_line4.jpg">
      <IMG src="../images/css_title4.jpg">
      <BR><BR><BR>
      <TABLE align="center" width="600" >
      <TR>
          <TH> 영어속담  </TH>
      </TR>
      <TR>
          <TD> Better late than never. <BR>
               아무리 늦더라도 전혀 안 하는 것보다는 낫다.
          </TD>
      </TR>
      <TR>
          <TD> Rome was not built in a day. <BR>
               로마는 하루 아침에 이루어지지 않았다.
          </TD>
      </TR>
      <TR>
          <TD> The beginning is half of the whole. <BR>
               시작이 반이다.
          </TD>
      </TR>

      <TR>
          <TD> Nothing ventured, nothing gained. <BR>
               모험을 하지 않으면 얻는 것도 없다.
          </TD>
      </TR>

      <TR>
          <TD> Little strokes fell great oaks. <BR>
               열번 찍어 안 넘어가는 나무 없다.
          </TD>
      </TR>

      </TABLE>
      </BODY>
      </HTML>


Margin(바깥 여백), Boder(선), Padding(안쪽 여백) 명칭

box_position.jpg

[1]. padding-top      [2].padding-right       [3]. padding-bottom      [4].padding-left

[5]. border-top        [6]. border-right        [7].border-bottom          [8]. border-left

[9]. margin-top      [10]. margin-right      [11]. margin-bottom      [12].margin-left




border-style 속성
   border-top-style
   border-right-style
   border-bottom-style
   border-left-style
   border-width-style : 위 4 가지 속성을 한꺼번에 지정할 때 사용.



목록 스타일 지정하기 -  list-style
   list-style-type:value


신고
1 0
1
블로그 이미지

Email : ihoneymon@gmail.com 안녕하세요, 꿀괴물 입니다. ^^ 멋진 비행을 준비 하는 블로그 입니다. 만능형 인간이 되어 많은 이들에게 인정받고, 즐겁고 행복하게 살기를 간절히 원합니다!! 달콤살벌한 꿀괴물의 좌충우돌 파란만장한 여정을 지켜봐주세요!! ^^

허니몬