중력에 反하고 싶다

티스토리로 이전 했습니다.

2009-08-06T12:01:52Z

http://metaln.tistory.com/

티스토리로 이전했습니다~^^

대한늬우스? 야 이 양반아! 선택권이 없잖아!

2009-07-03T10:19:31Z

며칠 전 일이다.

6월 28일 오후 2시 5분.... 대구 동성로에 있는 C** 영화관에 스파이더맨의 샘 레이미 감독이 만든 드래그 미 투 헬을 보러 갔다.

와우! 너무나 설레이는 이 마음~ㅋ

여느 때 처럼 입장할 때가 되어 팝콘과 콜라를 사 들고 애인이랑 같이 좌석에 앉아 여느 때 처럼 팝콘과 콜라를 먹으며 여느 때 처럼 영화 감상할 폼을 잡았다.

광고가 시작된다.

아 짜증나! 갑자기 육두문자가 입어서 막 튀어 나올라칸다!=ㅅ=;; 차마 애인 앞에서 십원짜리 욕을 뱉을 수가 없었다.

아 글쎄!

대한늬우스가 나오는 것이다!

안 그래도 요새 MB 때문에 짜증이 나서 죽겄는데 4대강 죽이기 광고를 보니 승질 나는 것을 넘어서 실소가 폭발해 나왔다.

하~! 황당하네 카믄서.

극장가에 상영하는게 뭐가 문제가 있냐는 이야기가 있는데.. 문제 있다.

왜?!

상영관에 입장하면 채널을 돌릴 수 없기 때문이다.

쉽게 말해 관람자들에게는 선택권이 없기 때문에 보기 싫은 대한늬우스를 끝까지 봐야한다는 것이다.

만약 라디오나 TV에 대한늬우스가 나오면 보기 싫으면 돌려버리면 되지만 영화관 가면 그게 안된다.

상연 안하는데 가면 된다고? =ㅅ=;

사실 그 만큼 선택의 폭이 넓은 바닥이 아니다. 이 대구 바닥은...

서울처럼 영화관이 많은 곳이 아니다. 꼴랑 몇 개 정도..=ㅅ=;; 몇개더라.. 8~9갠가? 시내에 있는 것만 치면 더 적은 듯..=ㅅ=;; 시내에는 꼴랑 4개~

요새 영화관가면 알겠지만 전신에 트랜스포머 2 해샀코... 보고 싶은 영화 찾으면 상영 시간이 안 맞고... 그래서 어쩔 수 없이 간 곳이 C** 이다. 사실 대한늬우스를 보기 전까지 C**에서 대한늬우스가 나오는지도 몰랐다.=ㅅ=;;

듣자하니 정부에서는 어디서 상영할지 안가르쳐 준다는데.. 지금은 잘 모르겠네..

어쨌든... 되도안한 4대강 사업 때려치고 이 따위 독재 시절에나 하던 광고 때려치우고 걍 딴나라 가버려서 안왔으면 좋겠네 이 양반아.

아 짜증나 =ㅅ=;;

아 더불어 개콘, 요 멤버들... 많이 실망했수다.=ㅅ=;;

▲ 요게 6월 30일 C**에서 본 빌어드실 대한늬우스

▲ 요건 목욕탕 버전~

tag : 대한늬우스, 4대강, 4대강살리기, 4대강죽이기

아 글쎄! 그러게 그따위 법 만들지 말라니까!=ㅅ=;

2009-06-30T22:36:35Z

3년 전. 답답했다.

3년 전. 국회에서 통과된 비정규악법.

2년 동안 비정규직 계약을 법적으로 보장해주고 2년이 지나면 가혹하게도 해고할 수 있게 만든 것이 현재의 비정규악법이다.

그러나 그 당시에는 2년 계약이 만료되면 정규직으로 전환할 수 있게 해준다며 오만가지 감언이설로 좋은 법이라며 국민들을 꼬드겼다.

그러던 그 양반들이...

지금은... 내일이 되면 대량 해고가 될 것이라며 비정규 악법을 뜯어고쳐 비정규직 계약을 2년 더 연장하자고 지랄 이단 옆차기를 하고 계신다.

아 글쎄 이 양반들아!

닭대가리도 아니고! 그 때 그렇게 많은 사람들이 2년이 지나면 모조리 해고된다고 그렇게 이야기를 했건만 왜 그 때는 귓등으로 들으셨나이까?!

지금와서 다시 2년 연장하자고 난리치면 2년 뒤에는 어쩔 쎔이요?

아 글쎄 그 때 그따위 법 만들지를 말았어야지!

지나간 일이야 어쩔 수 없다손 치더라도... 지금에 와서는 비정규직을 정규직으로 전환하는데 필요한 재원을 마련하든가~ 아니면 비정규직 차별을 막을 수 있는 강!력!한! 법을 만들던가~~ 근본적인 해결책을 내어놓아야 할 것 아닙니까~ 이 양반들아!

유예하자 말자 헛소리 좀 그만들 하시고!

왜 말도 안되는 4대강 죽이기 사업이나 잘하자 그러고 미디어법이나 통과 시키려고 하는거요?

정신이 제대로 박힌 대통령이라면 (어차피 MB나 여당인 한나라당이나 한통속인걸) 정신나간 4대강 살리기 때려치고 그 돈으로 정규직 전환하는데 돈 쓰겠다!

시장에 떡복이 사드시면서 대형 마트 규제는 못하는거니 참으라고 말하는 당신이 그런 생각을 할리가 없지 쯧쯧...=ㅅ=;;

아래는 3년 전 비정규악법 통과 되고 나온 기사글!

http://news.naver.com/main/read.nhn?mode=LSD&mid=sec&sid1=100&oid=005&aid=0000264162

tag : 비정규직, 정규직, 비정규직법, 비정규법

대구시의 폭력적 발상!

2009-06-30T16:46:29Z

글이 길다면 요점만 짚어보겠습니다!

1. 버스 재정 적자를 핑계로 5월 17일부터 휴일, 공휴일 감차(감회) 운행 시행!

→ 버스 기다리는 시간 늘어남

2. 재정 적자의 원인은 준공영제라는 제도에서 찾아야 함

3. 감차(감회) 운행으로 인한 비용 절감 미비

4. 대구시는 감차 운행 전과 비교해서 수익금이 비슷하며 시민들 불편이 미비하다고 주장

5. 이는 시민들이 불편해도 어쩔 수 없이 버스를 타야만 한다는 사실을 역설해 줌

6. 그럼에도 불구하고 대구시는 감차, 감회 운행을 추가할 것이라 이야기 함

→ 시민들이 불편해도 수익금이 비슷하다면 상관없다는 폭력적 발상!

쉽게 말해서... 대구시장은 버스타고 출근 안하니까 시민들의 불편을 모른다는 말씀! 나는 불편해 죽겠수다~ 일요일에 버스 기다리면 미치고 싶단 말이오~=ㅅ=;

시내버스 감차반대 버스개혁 대구시민연대, 대구시청 앞에서 기자회견 열어

6월 30일 오전 10시 대구시청 앞에서는 '시내버스 감회운행 반대 시민서명 결과 발표 및 버스개혁 촉구 기자회견'이 진행되었다.

지난 5월 17일 대구시는 버스 재정 적자를 빌미로 감차(감회) 운행을 시행하였다. 이로 인해 시민들의 불편이 가중되는 한편 시내버스 감차반대 버스개혁 대구시민연대(이하 버스개혁 시민연대)는 6월 11일 대구시 곳곳에서 감차(감회) 반대 서명 운동을 펼쳤고 6300여명의 서명을 받았다.

버스개혁 시민연대는 김범일 시장은 부당한 시내버스 감회(감차) 확대를 철회하고, '준' 공영제 운영체계를 전면 개편할 것을 요구하였다. 감회(감차) 운행의 확대는 사회경제적 약자들의 이동권 신장과 대중교통 중심의 교통체계 구축이라는 '준' 공영제의 취지를 정면으로 부정하는 것이라 주장하며 대구시는 즉각적으로 계획을 철회할 것을 요구했다.

특히 대구시에서 밝힌 시내버스 감차로 인한 절감 비용 157,673원은 표준운송원가 552,383원의 28.5%에 불과하다며 이는 대부분 운송수입금으로 충당할 수 있는 금액이라 밝혔으며 1년 동안 4억 7백만원 정도의 절감 비용은 대구시가 주최, 지원하는 일회성 행사 비용에도 미치지 못하는 금액이라 밝혔다.

대구시의 정책은 폭력적인 발상

대구시가 감차운행을 더욱 확대하려는 이유는 감회 운행 이전에 비해 시민들의 불편이 미비하고 운송수입금 차이도 적기 때문이라 대구시는 밝혔으나 역설적이게도 대부분의 시민들은 불편해도 어쩔 수 없이 버스를 이용할 수 밖에 없다는 상황을 보여준다.

운송 수입금이 비슷하다는 이유로 감차 운행을 정당화하려는 것은 시민들이 더 불편해져도 결국 시내버스를 이용할 수 밖에 없기 때문이라는 폭력적인 발상과 시내버스 이용자 증대를 포기하는 관료주의적 발상이 깔려있다는 것이라 주장했다.

이에 버스개혁 시민연대는 '휴일 공휴일 감회 운행 철회, 추가적인 감회확대 중단', '(주)달구벌 버스에 표준운송원가 지급, 과징금 부과 철회', '시내버스 발전 저해 관련자 문책', '준 공영제 운영체제 개편' 등을 요구하였다.

기자 회견이 끝나고 6300여명의 서명 용지를 대구시 측에 전달하고 정리하였다.

tag : 감회, 대구시내버스, 감차

MB정부의 달면 삼키고 쓰면 뱉고!

2009-06-29T18:05:16Z

전교조 정진후 위원장을 비롯한 시도지부장 등 17명이

경찰에 29일 오후 전원 연행됐다.ⓒ 민중의소리

달면 삼키고 쓰면 뱉고!

MB 정부의 행태다. 지들 입맛에 맞으면 얼씨구나 좋다하고 삼키고 쓰면 바로 뱉어서 밟아버리는 것. 이것이 지금 MB 정부의 행태다.

오늘 전교조 소속의 교사 17명이 청와대에 항의 서한을 전달하려다 전원 연행 되었다.

이 뭐.. 선생님들이 폭력을 행사하겠다는 것도 아니고, 누구를 때리겠다는 것도 아니고!

다만 우리 잘나신 이명박 대통령님께 글 하나 읽어보시라고 항의 서한 하나 전달하겠다는데!

그게 그렇게 안될 일인가?

교사도 사람이다. 사람은 누구나 자신의 정치적 견해가 있기 마련인데 유독 전교조만 시국 선언하면 안된다는 논리는 도대체가 누구의 머리에서 나오는 것인가?

더 웃긴 것은 이미 교총에서 여러번 서명운동을 전개했고 이로 인해 처벌 받은 적은 한 번도 없는데 말이다.

유독 전교조만 잡는 이유는 무엇인가?

뻔하다.

이명박 대통령님 마음에 드는 이야기면 괜찮고, 자기를 반대하는 이야기면 이거 안되겠다 싶어서 밟아버리는 것!

삼척동자도 아는 사실이요, 지나가는 똥개도 아는 사실이다.

한 나라의 대통령이라면 국민들의 목소리에 귀를 기울여야지 오히려 입을 막아버리는 것이 온당한 일인가 반문하지 않을 수 없다.

지금 대한민국에는 민주주의가 필요하다.

민중의 소리 기사 바로 가기 http://www.vop.co.kr/2009/06/29/A00000258175.html

tag : 이명박, 전교조, mb, 민주주의, 시국선언

뚜~뚜~뚜~ 대구시도 불통 중!

2009-06-29T17:30:57Z

휴일 감차 한달이 훌쩍 지나

지난 6월 26일 대구는 유난히 뜨거운 날씨를 뽐내었다.

이런 날씨 와중에도 대구 시청 별관 앞에서는 달구벌 버스 노동조합이 대구 시내 버스 감차 관련 집회를 개최하였다.

현재 대구시는 버스 재정 적자를 이유로 지난 5월 17일부터 공휴일과 일요일 버스 감차를 시행하였고 이로 인해 시민들의 불편은 늘어가고 있는 실정이다.

대구시는 감차로 인해 배차 시간이 평소 1분이 늘었다고 이야기하지만 이건 말도 안되는 소리다. 어디까지나 평균일 뿐이니 말이다.

어떤 노선은 평일 수준으로 운행하는 것을 놓고 전체 평균을 내 버리면 결과가 우스운 꼴이지 않은가?

뚜~뚜~뚜~ 대구시도 MB처럼 불통

이 날 참가자들은 이구동성으로 현 대구시의 소통없이 진행하고 있는 일방적 감차 시행을 비판하고 준공영제 실시로 인한 재정 적자분을 시민들에게 전가하려 한다고 비판하였다.

특히 준공영제로 인한 재정 적자는 준공영제 시행으로 인한 문제를 살펴보고 근본적인 해법을 모색해야 할 것이지 오히려 윗돌 빼서 밑돌 괴는 식의 방법으로는 본질적인 문제점을 해결할 수 없고 이야기하였다.

참가자들은 1시간여의 집회를 진행하였고 시내 방향으로 가두 행진을 한 후 마무리 하였다.

tag : 감회, 불통, 대구시내버스, 감차반대

이명박 대통령의 임기 내 대운하 추진 않겠다는 발언! 자세히 살펴보면?

2009-06-29T16:53:55Z

MB, 대운하 추진 않겠다고 밝혀

이명박 대통령이 29일 '임기 내 대운하 추진 않겠다'는 발언을 했다.

오전 18차 라디오, 인터넷 연설을 통해 대한민국의 미래를 위해 대운하가 필요하다는 믿음에는 변화가 없지만 이 문제가 정치적 쟁점이 되어 국론을 분열시킬 위험이 있었기 때문에 국민적 공감대가 형성되지 않는 한 하지 않겠다고 밝힌 바 있다고 언급했다.

또한 4대강 사업은 대운하와 내용이 다르며 21세기 가장 중요한 자원인 강을 이대로 둘 수 없어 물 확보, 수질 개선, 생태 환경과 문화를 살리는 사업이기에 추진하는데 차질이 없도록 하겠다고 밝혔다.

MB, 4대강 죽이기는 강행? 대운하 바로 전 단계까지 진행하겠다?

이명박 대통령은 대운하는 안하겠다며 대신 4대강 죽이기 사업은 강행하겠다는 의지를 밝혔다.

물 부족을 해결하고 수질 개선, 생태 문화 환경 조성 등을 골자로 한 사업 계획에 22조가 넘는 돈(국민 일인당 60만원 정도 부담) 을 쓰겠다고 한다.

29일 이명박 대통령은 대운하의 핵심은 한강과 낙동강을 연결하는 것이라 발언한 바 있다.

4대강 사업을 자세히 살펴보면 16여개의 보를 설치하고 강물을 틀어 막으며 갑문을 설치한다는 내용이 있는데 이는 배가 다닐 수 있는 물의 깊이를 유지하기 위한 것으로 대운하 사업을 위한 전초 단계가 아니냐는 의문이 든다.

즉, 한강과 낙동강을 연결하지는 않고 대운하와 동일한 사업을 펼쳐 대운하 시행 바로 직전까지 만들겠다는 이야기가 아닌가?

한강과 낙동강 연결 직전까지 만들어 놓고 나중에 민심이 좀 잠잠해지면 바로 연결해서 대운하를 하겠다는 속셈이라는 것이 빤하게 보인다.

김문수 경기도지사가 경인운하는 한반도 대운하 전초단계라고 이야기한 것도 이와 무관하지 않을 것이다.

MB야! 포장만 바꾼 대운하 사업! 지저분한 속셈이 빤하게 보인다.=ㅅ=;;

-------------------------------------------------------------------------

이하 글은 4대강 사업의 문제를 정리한 글입니다.

MB 정부의 일방적인 밀실 계획 수립과 발표!

지난 6월 8일 정부는 홍수와 가뭄대책, 수질개선, 지역경제 활성화를 위해 앞으로 3년 동안 22조2천억원으로 들여 4대강을 정비하겠다고 발표했다.

많은 시민사회단체, 종교계, 학계의 반대에도 불구하고 밀실에서 계획을 수립, 일방적으로 발표를 해버렸다.

5.25 공청회 때는 하루 전에 개최사실을 발표해서 미리 짜놓은 각본대로 찬성론자들만 모여 공청회를 준비하는 '치밀함'도 보였다.

멀쩡한 강바닥 마구잡이 파헤쳐, 30~40년 쓸 하천 모래를 2년 안에 준설?!

정부는 4대강의 강바닥에 있는 모래 5억7천만㎥를 준설 (낙동강 4억4천만㎥) 하여 강바닥을 낮추어 홍수를 예방하겠다고 한다.

하지만 작년 한 해 동안 낙동강에서 채취한 골재량은 1천3백만㎥! 그것도 까다로운 환경영향평가를 거쳐서 허가된 '최대치'였다.

그런데 4대강을 살리겠다며 낙동강에만 34년에 걸쳐 채취해야 할 골재를 단 2년 만에 파올리겠다고 한다. 어떻게 환경영향평가를 통과할 수 있겠는가.

이미 30년 동안의 골재 채취로 낙동강은 이미 4~6m의 수심이 낮아져 있다. 여기에다 엄청난 공사를 통해 수심 6~10를 유지하겠다는 것은 '대운하를 위한 기초 공사'가 아닐 수 없다.

4대강 사업은 고인 물을 만들어 물을 썩게 만다는 것!

정부는 보를 설치하여 강물을 가두어 수질을 개선하겠다고 한다. 처음엔 4개의 보를 설치한다고 했다가 6월 8일 마스터 플랜을 통해서는 16개의 보를 설치하겠다고 말을 바꾸었다.

게다가 4대강 마스터플랜을 준비한 한국건설기술연구원은 5년전 '곡룡천의 수중보를 철거한 후 수질이 개선되었다'는 연구 결과를 발표한 적이 있다. 또한 환경부 산하 국립과학원은 '4대강에 보를 설치하면 수질이 악화된다'는 연구결과를 발표한 바 있다.

이렇듯 정부기관에서조차 보를 설치하면 수질이 악화된다는 것을 인정하고 있는데 MB 정부와 국토해양부는 무슨 근거로 이런 거짓말을 하고 있는 것일까.

또한 고정되어 있는 보의 설치하기 때문에 대운하가 될 수 없다고 이야기했다. 그런데 '고정보'는 물 흐름을 막아 수질을 악화시키고 홍수시 엄청난 퇴적물이 쌓인다는 비판이 일자 이번에는 수문을 열고 닫을 수 있는 '가동보'를 설치할 것이기 때문에 문제가 안된다고 하였다.

MB 정부는 대운하 사업의 기초 공사를 강행하려는 것이 틀림이 없다.

대구와 부산의 취수원 이전! 낙동강 수질 악화 예상?

대구시가 수조원을 들여 취수원을 낙동강에서 안동댐으로 이전하려 하고 있고 부산시도 2조원을 들여 낙동강에서 남강댐으로 이전하려 하고 있다. 정부가 4대강 정비 사업을 통해 낙동강 수질을 2급수로 만들려고 하는데 왜 취수원을 이전하는 것일까?

이것은 4대강 사업의 결과가 결국 배가 다니는 운하가 되어 사람이 먹지 못하는 물이 되는 것을 예상한 것은 아닐까?

30년의 일자리 박탈, 3년의 비정규직 창출?!

낙동강 유역에서 골재를 채취하는 노동자, 인근에서 농사를 짓는 농민들의 일자리를 박탈하는 대신 3년간의 비정규직을 창출하겠다는 것이 지금 MB 정부의 계획이다.

과연 이것이 일자리 창출의 근본 해답인 것인가? 토목건설업은 일자리 창출 효과가 가장 낮은 산업이다. 한국은행에 따르면 농업(60.1명)이 가장 많고 다음이 축산(37.8명), 도소매업(35명), 서비스(31.8명), 교육(19.3명), 보건복지(13.8명) 순이고 마지막이 토목건설업이다. 취업유발계수가 평균 14.9명인데 반해 토목건설업은 8.7명에 불과하다.

30년의 일자리를 박탈하고 3년의 비정규직을 늘리는 것이 옳은 판단인가? MB정부에 되묻고 싶다.

22조 2천억원! 이 돈이면 무엇을 할 수 있나?

22조 2천억원의 천문학적인 돈! 국민 한 사람당 60만원 정도를 부담해야 하는 돈이다.

이 돈으로 무엇을 할 수 있을까?

운하백지화국민행동과 낙동강지키기 대구경북 시민행동에 따르면 취학 전 아동 무상교육비 9조원, 대학 반값 등록금 5조, 고교 무상 교육 3조, 비정규직의 정규직 전환 1조 2000억, 쌍용차 정상화 1조, 장애인 전동 휠체어 무상 지급 2조원 등 엄청난 일을 할 수가 있다.

MB 정부는 쓸데없는데 돈 낭비말고 국민들의 목소리에 귀 기울여 노동자, 농민, 서민들을 위한 정치를 해야 할 것이다.

tag : 이명박, 대운하, mb, 4대강

홈페이지 제작에 필요한! css, HTML 명령어 및 DIV 태그

2009-06-28T20:06:34Z

중요한 css 명령어, html 명령어

● 클래스 및 ID 스타일 기본 형식

.클래스 이름 { 속성:속성값; 속성:속성값; }

#ID이름 {속성:속성값; 속성:속성값; }

ex)

.top {color:red; font-weight:bold; top:10px; left:10px; margin:0px; }

#bottom { position:relative; font-family:바탕; }

● 주석 사용하기

● background

background-color : 배경 컬러

{ background-color:색상; }

ex) { background-color:#000; }

backgorund-image : 배경 이미지

{ backgorund-image:url("파일경로“); }

ex:) { backgorund-image:url("bg1.jpg“); }

background-repeat : 배경 이미지 반복

repeat : 브라우저 화면이 가득 찰 때까지 가로 세로 반복

repeat-x : 브라우저 창의 너비와 같아질 때 까지 가로 반복

repeat-y : 브라우저 창의 너비와 같아질 때 까지 세로 반복

no-repeat : 한 번만 표기하고 반복 없음

ex) { background-image:url("bg1.jpg"); background-repeat:repeat-x; }

background-attachment : 배경 이미지 고정

스크롤 해서 화면을 내려도 이미지는 이동하지 않고 브라우저의 특정 장소에 고정

ex)

{ background-image:url("bg1.jpg"); background-repeat:repeat-x;

background-attachment:fixed; }

background-position : 배경 이미지 위치 정하기

백분율, 길이, top left center right, 값으로 위치를 정할 수 있음

ex) {background-position: 100px 200px;}

background : 위의 속성을 한번에 표기하기, 명령어 순서는 상관 없음

ex) {backgorund:url(bg1.jpg); center no-repeat fixed; }

● ol, li

순서 목록을 작성하는 태그

type 속성값 : A(영문 대문자), a(영문 소문자), I(로마숫자 대문자), I(로마숫자 소문자)

start 속성값 : 번호의 시작번호. 3으로 하면 C 등으로 시작

ex) 소문자 b부터 항목이 표기

항목

항목

● ul, li

순서 없는 목록을 작성하는 태그

type 속성값 : disc - ● , circle - ○ , square - ■

ex) 항목 앞에 ■ 붙음

항목

항목

● font

font-family : 글꼴 지정

ex) { font-family:굴림,symbol; } - 한글은 굴림체, 수학기호는 symbol 체

font-size : 글자 크기

절대 크기,상대 크기, 길이값, 백분율 등이 있으나 길이값만 서술

ex) { font-size:12px; } - 웹문서에서는 10px, 12px 가 가장 보기 좋음

font-style : 이탤릭체 지정하기

속성값 : italic , oblique

ex) { font-style:oblique; }

font-weight : 글자 굵게 하지

속성값 : nomal, bold, lighter, 100~900 (백단위)

400이 노멀에 해당, 700이 bold에 해당

ex) {font-weight:bold; }

line-height : 줄간격 지정

속성값 : nomal, 숫자, 길이값, 백분율

ex) {line-height:1.2; font-size:10px;} - 글자 크기 10포인트에 곱한 값 12포인트가 줄간격이 됨

{line-height:150%; font-size:10px;} - 글자 크기 10포인트에 곱한 값 15포인트가 줄간격이 됨

letter-spacing , word-spacing : 글자 간격, 단어 간격 지정하기

속성값 : nomal, 길이값

ex) { letter-spacing:3px; word-spacing:10px; }

● text

text-indent : 단락의 첫 글자 들여쓰기

속성값 : 길이값, 백분율

ex) { text-indent:3cm; }

text-align : 단락 정렬하기

속성값 : left, right, center, justify

ex) { text-align:center; }

text-decoration : 단락에 효과 주기

속성값 : none, underline, overline, line-througt, blink(깜빡거림, 넷스케이프, 파이어 폭스 지원)

ex) { text-decoration:underline; }

div

이하 설명은 css 파일을 작성해서 id 속성으로 당겨오는 것임.

● position : 원하는 위치에 배치하기

속성값

static : 한 요소씩 세로로 배치됨

relative : 해당 요소가 들어갈 부분을 기준으로 위치를 정함. div 태그가 html 상에 기록된 위치가 화면상 기준이 됨. 그 위치를 기준으로 재배치.

absolute : 가장 가까운 상위 요소의 위치를 기준으로 하는 것. 상위 요소가 없다면 브라우저 창의 가장 왼쪽 위 모서리를 기준으로 함.

ex)

{ position:absolue; left:20px; top:40px; } 브라우저 창 왼족 위에서 가로 20px, 세로 40px 지점에 위치함.

● float : 요소의 좌우 위치 지정하기

다른 요소들과 겹쳐서 표시할 수 있게 함.

속성값 : left, right, none

ex) 세가지 요소 한 행에 만들기

css 파일을 따로 작성 혹은 head 부분에 작성.

#menu {float:right;}

#side {float:left;}

#contents {left:200px;}

body 부분에 작성.

사이드 바

내용

● 박스 형태의 텍스트 단락

● margin : 바깥 여백 지정하기

margin-top, right, bottom, left : 위,오른,밑,왼쪽의 여백 지정

margin : 네방향의 여백을 한꺼번에 지정

ex)

{ margin-top:10px; } - top이 10px가 됨

{ margin:3px 2px; } - top, bottom 은 3px, left, right 는 2px

{ margin:3px 2px 5px; } - top은 3px, right는 2px, bottom은 5px, left는 따로 지정을 안했으니 right와 같은 2px가 됨

● padding : 안쪽 여백 지정하기, magin과 지정 방식 동일

ex) { padding-top:10px; }

● border : 테두리 지정하기

boder-width : 테두리 두께 지정

속성값 :thin, medium, thick, 길이값

border-top-width : 위쪽 두께 지정. top 대신 right, bottom, left 올 수 있음

ex)

{border-top-width:1px; border-right-width:2px; border-bottom-width:3px; border-left-width:4px; }

{ border-width-width:3px; } - 네방향 모두 3px

{ border-width:thin thick medium; } - right 속성은 left 속성과 동일하게 적용

border-color : 테두리 색상 지정

속성값 : 색상, transperant

border-top-color : 위쪽 지정. top 대신에 right, bottom, left 가 올 수 있음

border-width-color : 네방향을 한꺼번에 지정

ex) { border-width-color:#efefef #ffffff #000000; } - right는 left와 동일

border-style : 테두리 스타일 지정하기

속성값

none : 테두리 없음, border-width를 0으로 인식

dotted : 점선으로 표시

dashed : 직선으로 된 점선으로 표시

solid : 실선으로 표시

double : 두줄짜리 실선으로 표시

groove : 홈이 파인 것처럼 입체적으로 표시

inset : 전체적으로 박스가 들어간 것처럼 표시

outset : 전체적으로 박스가 튀어나온 것처럼 표시

border-top-style : top 대신 right, bottom, left 올 수 있음

border-width-style : 네방향을 한꺼번에 지정

아래와 같이 응용할 수도 있음

ex) {border-bottom:1px dotted black; } - 1픽셀의 검정색 점선으로 된 밑줄이 표시

● list-style : 목록 스타일 지정

list-style-type : 목록의 블릿 유형 지정하기

속성값

none, disc, circle, square, hiragana, katakana

decimal : 1로 시작하는 십진수

decimal-leading-zero : 0이 앞에 붙는 십진수. 01, 02, 03, 11 등

lower-roman : 로마숫자 소문자

upper-roman : 로마숫자 대문자

lower-greek : 그리스 문자

lower-alpha 또는 lower-latin : 알파벳 소문자

upper-alpha 또는 upper-latin : 알파벳 대문자

ex) {list-style-type:square;}

list-style-image : 불릿을 이미지로 바꾸기

ex) { list-style-image:url(image/list.jpg) }

● a 태그 꾸미기, 링크 꾸미기

#menu a:link{text-decoration:none; color:black; font-size:12px; }

#menu a:hover { text-decoration:underline; color:red; }

#menu a:active {color:red; text-decoration:dotted; }

#menu a:visited {text-decoration:none; color:black: font-size:12px; }

- 한번에 설정하기 (쉼표로 구분해주면 됨)

#menu a:link,

#menu a:hover,

#menu a:active,

#menu a:visited {text-decoration:none; color:black: font-size:12px; }

위 언어의 내용은 순서대로 아래와 같다.

텍스트 링크 꾸미기

텍스트 링크에 마우스를 올렸을 때

텍스트 링크를 클릭하는 순간의 상태 지정

방문했던 링크의 상태

위와 같이 css 파일을 만들었을 때 레이아웃 파일에서는 아래와 같이 사용

그러면 ul 태그 안에 있는 링크 메뉴에 적용됨.