CSS

레이아웃display 속성확인 다람쥐 헌 쳇바퀴에 올라타 레이아웃 위치position 속성요소의 위치를 지정하는 유형 설정static (정적 위치)정적으로 배치된다 ( 기본 값 )relative (상대 위치)정적인 위치를 기준으로 배치된다absolute (절대 위치)컨테이너를 기준으로 배치된다fixed (고정 위치)항상 같은 위치(컨테이너 원점)에 배치된다d1d2d3d4d5d6d7d8d9d10d11d12z-index글씨는 기본 z-index=0;d1d2d3d4미국의 약사인 존 스티스 펨버턴(John Stith Pemberton, 1831~1888)[11]에 의해 만들어진 것으로, 원래는 포도주를 주 원료로 해 당대의 인기 음료였던 뱅 마리아니(Vin Mariani)를 베낀 제품이었다. 당시 이름은 펨버..

박스의 크기 계산높이(height) 및 너비(width) 속성에는 padding, border, margin 값이 포함되지 않음요소의 전체 크기 계산 시content 너비 + padding, border, margin 값을 추가해야한다box-shadowbox-shadow : horizontal vertical blur color; (오른쪽  아래  선명도  색)정보처리기사GoF(Gang of Four) 디자인 패턴목적으로 분류 시 생성, 구조, 행위로 분류(생구행)생 추빌팩프싱 / 구 어브컴데퍼플프 / 행 1. 생성 (객체 생성) 추상 팩토리 패턴(abstract factory) 빌더 패턴(builder) 팩토리 메소드 패턴(factory method) > 상위클래스에서 객체를 생성하는 인..

선택자(selector) : 스타일을 지정할 HTML요소를 선택속성 클래스무궁화 꽃이 피었습니다무궁화 꽃이 피었습니다무궁화 꽃이 피었습니다무궁화 꽃이 피었습니다무궁화 꽃이 피었습니다무궁화 꽃이 피었습니다무궁화 꽃이 피었습니다무궁화 꽃이 피었습니다CSS 속성가상클래스가상클래스 : 의사클래스 클래스가 이미 정해져있다:link - a 태그가 처음 만들어졌을 때:visited - a 태그에서 방문한 페이지:hover - 요소에 마우스를 올려놓았을 때:active - 요소를 누르는 시점 가상클래스 : 의사클래스클래스가 이미 정해져있다:link - a 태그가 처음 만들어졌을 때:visited - a 태그에서 방문한 페이지:hover - 요소에 마우스를 올려놓았을 때:active - 요소를 누르는 시점 네이버 다..

HTML 입력양식일방적으로 보여주는 방식과 사용자가 서버에 데이터를 보내는 두가지 방식으로 분류할 수 있음form사용자 입력을 위한 양식을 생성비밀번호 타입은 type="password"로 둘 것methodget방식 아이디 이름 비밀번호 JSP : Java Server Page서버내에서 실행되는 스크립트형식의 파일html코드와 java 문장을 사용할 수 있다.java코드를 기술하기 위해서는 <% %> 기호내에 기술한다클라이언트가 전송한 데이터(id, password, name)를 받아서 처리한 후 결과를 클라이언트로 전송해준다클라이언트가 전송한 데이터(id, password, name)를 받을 때 : request 내장 객체를 이용한다.결과 생성 - html코드를 이용한다 아이디 이름 ..

멀티미디어audio(이름과 value값이 같을 때 생략가능)브라우저마다 지원하는 오디오 형식이 다를 수 있으므로 호환성을 높이기 위하여 다음과 같이 사용 video 부모 자식관계 style id태그스타일에서 요소를 선택 시- 자식을 선택하는 방법 > #u1 > li > a- 후손(자식, 손자 등)을 선택하는 방법 #u1 a #u1 li스타일에서 요소를 선택 시- 자식을 선택하는 방법 > #u1 > li, #u1 > li > a- 후손(자식, 손자 등)을 선택하는 방법 #u1 a / #u1 li a 태그 : 하이퍼링크. a링크, 링크 문서를 이동하고자 하는 목적네이버다음w3schools구글 네이버 다음 w3schools 구글 ..

외부 css더보기외부 css파일로 저장후 현재 문서에 style을 지정한다.<link rel="" href=""> 외부 스타일 지정 (실행을 위해선 title아래에 둘것)a링크를 클릭하면 해당 내용이 있는 곳으로 이동href속성에 id이름을 이용!1.개요2.특징3.생태4.사육5.기타1.개요기러기목 오리과의 새들 중에서 고니류나 기러기류에 해당하지 않는 것을 오리라고 한다. 그러니까 고니류와 기러기류가 오리과 내에서 일부 계통적으로 한 무리를 이루는 특정한 부류에 속한다면 오리는 오리과에서 이들을 제외한 나머지 전부를 말하는 것이다.2.특징한번 몸이 뒤집어지면 외부의 도움 없이는 일어설 수 없는데 물에서 생활하기 좋게 몸통이 둥글기 때문에 육지에서는 균형을 잡기 힘들다. 게다가 적은 힘으로 많은 거리..