css 질문인데요... 처음에는 되다가 갑자기 이상하게 되버렸어요
글쓴이: kknd345 / 작성시간: 수, 2005/03/23 - 9:34오후
css파일이랑 html 소스 코드 올렸는데요
처음에는 <div="text"> </div>안에 있는 건 굴림체 9pt로 잘 떳는데 코딩계속하다 보니 글자 크기가 커져버렸어요.
css 파일에서 p{.....} 의 순서를 바꾸면 글자크기는 줄어드는데 다른건 죽고 ㅜㅜ....
css파일에서 순서 바꾸기를 여러번 하다가 무엇이 얽힌거 같은데 못 풀겠습니다 .
도와주세요.
그리고 css파일 간단하게 설명도 좀 해주세요.
<?xml version= "1.0"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <!------------------> <!-- csstest.html --> <!------------------> <html xmlns = "http://www.w3.org/1999/xhtml"> <head> <title> Introduce </title> <link rel = "stylesheet" type = "text/css" href="styles.css"/> </head> <body> <!----------------최상위 그림----------------> <p><img class="FirstPicutre" src = "csstest\tit_sogae.gif" /></p> <!-------------------------------------------> <!---------------- 들여 쓰기 ----------------> <div class="RightStand"> <br /> <br /> <!-------------------------------------------> <div class="subtitle">● 교육이념</div> <br /> <div class="text"> <p>부산대학교 정보컴퓨터전공은 기초 학문의 토대인 수학, 물리를 바탕으로 한 컴퓨터공학의 문제를 분석, 설계, 그리고 구현할 수 있는 전문인력을 양성할 목적으로 교양, 기초학문, 전공학문에 대한 심화 교육 프로그램을 통해 사회에 기여할 수 있는 인재, 인류 문화 발전에 기여할 수 있는 인재, 어떠한 환경에서도 경쟁력이 있는 인재, 도덕적이고 윤리적인 인재를 양성하고, 다른 사람과 더불어 살아갈 수 있는 보편적인 인재 양성을 교육의 기본 이념으로 한다. </p> </div> <!-------------------------------------------> <div class="subtitle">● 교육목표</div> <br /> <div class="text"> <p>국가 성장 동력 산업의 주축인 텔레매틱스, 홈네트워크, 차세대이동통신, 지능형 홈네트워크, 디지털컨텐츠, S/W솔루션, Embedded S/W, 모바일 컴퓨팅, 유비쿼터스 컴퓨팅, 차세대반도체 분야를 이끌어갈 인재 양성을 목적으로 한다. 이를 위한 기초 교육으로 하드웨어(반도체설계, 컴퓨터구조, 컴퓨터시스템 설계, 데이터통신 등) 교육과 소프트웨어(네트워크 프로그래밍, 데이터베이스, 리눅스/유닉스, 컴퓨터그래픽스, 소프트웨어공학, 인공지능, 컴퓨터보안 등) 교육을 공통으로 공부하며 4학년 소전공(전공트랙)으로 Embedded SW, 소프트웨어개발 트랙 중에서 하나를 선정하여 수요지향적 교과목 트랙을 이수하도록 하여 실무 중심의 교육에 중점을 두고 있다. <br /> 정보컴퓨터전공을 이수한 학부생들이 대학원과정에서 석박사 연구 능력을 갖도록 하기 위해 MSC(수학 과학 및 컴퓨터프로그래밍) 능력을 기본 이수 대상으로 설정하여 현실 세계의 수학적 모델링 능력과 분석 능력을 배양하는 것을 목표로 C/C++/자바의 구현 능력은 필수적으로 요구하며, Embedded 시스템 구현 능력을 위한 운영체제, 파일구조, 컴파일러, 컴퓨터시스템 설계, FPGA 설계 능력을 배양하는 것을 목적으로 한다. 이러한 본 전공의 교육 목표는 다음과 같이 네 가지로 정한다. </p> </div> <!-- <img style = "float:left; text-align:center" src = "csstest\1.gif"><p>asdjfklajsldkf</p> <br /> <img src = "csstest\2.gif">asdjfklajsldkf <p style = " border-style : groove">groove</p> <p style = " border-style : ridge">ridge</p> <p style = " border-style : inset">inset</p> <p style = " border-style : outset">outset</p> <p>position</p>--> </div> <!-------------- 들여 쓰기 끝 ---------------> <!-------------- 최하단 그림 ---------------> <p><img class="LastPicture" src = "csstest\last.bmp" /></p> <!-------------------------------------------> </body> </html>
/* styles.css */
/* An external stylesheet */
.FirstPicutre { position: absolute; top : 0px; left : 0px; z-index: 1} /* 첫 이미지 */
.LastPicture { position: absolute; bottom:0px; left : 0px; } /* 끝 이미지 */
.RightStand { position: absolute; left : 40px; } /* 들여 쓰기 모드 */
/* 서브 타이틀 쓰기 모드 */
.subtitle { font-weight:bold; border-style : outset ; width : 130px ; border-color:#CEEEFF; color:#00456C }
/* text 쓸 때 너무 옆으로 퍼지는 것을 막기 위해 지정했음*/
.text { width: 560px; }
p { font-size: 9pt; font-family:"굴림","굴림체",sans-serif }Forums:
댓글 달기