잡동사니에도 사랑을

DOCTYPE html> Insert title here * { margin: 0; padding: 0; } body { font: 12px Tahoma, sans-serif; } li { list-style: none; 리스트로 표시된 점들이 사라진다 } #wrap { width: 800px; margin: 0 auto; 너비를 가운데 정렬시킨다 background-color: silver; } #header { background-color: red; } #container { background-color: cyan; } #container::after { ::after는 'content' 속성과 함께 짝지어, 요소에 장식용 콘텐츠를 추가할 때 사용한다. content에 내용이 없다면 무조건 공백을..

DOCTYPE html> Insert title here #float { float: right; 오른쪽으로 밀려서 나온다. border: 1px solid black; width: 7em; padding: 0.25em; margin: 1em; } .text1 { margin-right: 10em; 오른쪽 여백 10em text-align: justify; 양쪽정렬 } .text2 { clear: both; } 학기말 공지 24일은 피아니스트 조성진의 크리스마스 특별 연주가 있습니다. 태그를 쓰면 줄바꿈이 일어나기 때문에 문장과 문장 사이 약간의 공백이 나타나는 걸 확인할 수 있다. 태그가 아닌 로 잡게되면 문장과 문장이 달라붙어서 나온다. 이제 곧 겨울 방학이 시작됩니다. 학기 중 못다한 Java, C..

DOCTYPE html> Insert title here #float { float: right; border: 1px solid black; padding: 0.25em; margin: 1em; } .text { margin-right: 10em; text-align: justify; } 학기말 공지 24일은 피아니스트 조성진의 크리스마스 특별 연주가 있습니다. 이제 곧 겨울 방학이 시작됩니다. 학기 중 못다한 Java, C++ 프로그래밍 열심히 하기 바랍니다. 인턴을 준비하는 학생들은 프로젝트 개발에 더욱 힘쓰세요. 그럼 다음 학기에 만나요.

DOCTYPE html> Insert title here .paging { text-align: center; } .paging a { display: inline-block; padding: 5px 8px; /* top&bottom, left&right */ border: 1px solid #ccc; background-color: beige; font-weight: bold; } 1 2 3 4 5

[ VIEW ] - 다른 테이블이나 뷰에 포함된 맞춤표현(virtual table) join하는 테이블의 수가 늘어나거나 질의문이 길고 복잡해지면 작성이 어려워지고 유지보수가 어려울 수 있다. 이럴 때는 스크립트를 만들어두거나 stored query를 사용해서 데이터베이스 서버에 저장해두면 필요할 때 마다 호출해서 사용할 수 있다 - 뷰와 테이블의 차이는 '뷰'는 실제로 데이터를 저장하고 있지 않다는 점이다. - 베이스테이블(Base table) : 뷰를 통해 보여지는 실제테이블 - 선택적인 정보만 제공 가능 [형식] create [or replace][force|noforce] view 뷰이름 [(alias [,alias,.....)] as 서브쿼리 [with check option [constrain..

DOCTYPE html> Insert title here div { border: 2px solid yellowgreen; color: blue; background: aliceblue; } span { border: 3px dotted red; background: yellow; } 인라인, 인라인 블록, 블록 나는 div입니다. 나는 div(none)입니다. 나는 div(hidden)입니다. 나는 div(inline)입니다. 과 똑같은 결과를 얻는다. 처럼 글자 영역까지 공간을 잡고 들어간다. 나는 div(inline-block)입니다. 나는 divspan(block)입니다.

DOCTYPE html> Insert title here div { width: 300px; height: 300px; color: blueviolet; font-size: 16px; background-color: mistyrose; background-size: 100px 100px; background-image: url("../img/img1.PNG"); background-repeat: repeat-y; (y축으로 이미지를 반복시켜라) background-position: center center; } div 박스에 배경 꾸미기 라이언(RYAN)은 카카오프렌즈에서 창작한 동물 캐릭터이다. 겉보기에는 얼핏 곰처럼 보이지만 사실은 갈기가 없는 사자이며 수컷이다.

DOCTYPE html> Insert title here p { background: #90D000; padding: 20px; width: 300px; } #round1 { border-radius: 50px; } #round2 { border-radius: 0px 20px 40px 60px; } #round3 { border-radius: 0px 20px 40px; } /* top, left&right, bottom */ #round4 { border-radius: 0px 20px; } /* top&bottom, left&right */ #round5 { border-radius: 50px; border-style: dotted; } 둥근 모서리 테두리 반지름 50픽셀의 둥근 모서리 반지름 0, 20..