JAVA/HTML, CSS7 CSS - nth-of-type() / white-space *E:nth-of-type(n) :: E와 같은 유형의 n번째 형제인 input:nth-of-type(1) { display: none; }::input 태그들중 (1)번째를 선택해서 속성:값을 먹인다.input:nth-of-type(1) ~ div:nth-of-type(1) { display: none; }::input 태그들중 (1)번째를 선택해서 같은 선내에 있는 div태그에 속성:값을 먹인다.input:nth-of-type(1):checked ~ div:nth-of-type(1) { display: block; }::input 태그들중 (1)번째를 선택해 checked가 되어있다면 같은 선 내에 있는 div태그에속성:값을 먹인다 white-space: nowrap;/*영역을 벗어나면 아래칸으로 내.. 2018. 7. 3. Web - CSS(boxmodel & 레이아웃) ★★★박스모델(Box Model)HTML 요소를 감싸는 가상적인 박스 컨텐츠(Content) : 박스의 내용물패딩(Padding) : 컨테츠 주위의 영역경계(Border) : 경계선마진(Margin) : 박스와 다른 박스간의 여백 margin ="auto" width="길이 지정" -------- 중앙배치text-align:center; ------ 텍스트 중앙정렬 *요소의 위치속성 : top, bottom, left, right 정적위치설정(static) :: 블록 요소들은 박스처럼 상하로 쌓이고, 인라인요소들은 한줄에 차례대로상대위치설정(relative) :: 정상적인 위치에서 상대적으로 요소가 배치절대위치설정(absolute):: 전체 페이지를 기준으로 시작위치에서 top,left,bottom,ri.. 2018. 7. 2. Web - CSS(selector) http://www.regexlib.com -------- 자주쓰이는 패턴의 규칙을 여기서 찾을수 있음. *CSS (=Cascading Sytle Sheets) : 문서의 스타일을 지정 ★★★선택자(selectors) / -> 선택자(selector){속성 : 값;} 1.타입선택자 -> 태그{속성:값}2.전체선택자 -> * {속성:값}3.아이디선택자 : 특정한 요소를 선택, 아이디명은 중복 Xid :: 식별하는 용도 , 중복값없이#target {color : red;}id 값이 target인 태그를 찾아가서 그 태그들을 red로 지정한다 4.class 선택자 : 중복가능한 클래스..target{color : red;} ----------클래스는 '#'이 아닌 '.' 점으로 표시한다. :: 관련있는 태그들.. 2018. 7. 2. Web -Input 태그 12345678910111213141516171819202122 이메일 : URL : 전화번호 : 색상 : 월 : 날짜 : 주 : 시간 : 지역 시간 : 숫자 : 범위 : 제출 : Colored by Color Scriptercs ★★★* 태그의 유형들텍스트 필드 & 패스워드 필드 : type = "text" , type ="password"텍스트 필드 : 사용자가 한 줄짜리 텍스트를 입력하는 요소패스워드 필드 : 특성이 같음 *유형name : 텍스트필드 / 패스워드 필드 이름size : 텍스트 필드의 길이value : 처음 화면에 표시되는 텍스트.maxlength : 사용자가 입력할 수 잇는 최대 문자 개수 *type 속성 text : 텍스트입력password : 비밀번호 입력radio : 라디오버튼c.. 2018. 6. 28. Web - <div> 태그 ★★★* 태그'divide' 의 약자로써 페이지를 한 구역으로 분리하는데 사용되는 태그 *시맨틱태그똑같은 div속성을 가지고있지만, 태그만보고도 페이지 구조를 쉽게 알 수있다. : 머리글 : 네비게이션의 약자. 메뉴모음 : 페이지 내용 : 왼쪽이나 오른쪽의 사이드바 표시 : 맨 마지막에 오는 문장. 1234567891011121314151617181920 네비게이션(메뉴) 스터디 회원 모집 HTML5, CSS3, 자바스크립트 소개 차세대 웹 표준 기술인 HTML5와 CSS3을 함께 공부할 스터디 멤버를 모집. 시간 토요일 오후 5시~7시 장소 인문관 2층 세미나룸 연락처 : 공대 학생회실 Colored by Color Scriptercs 2018. 6. 28. Web - list 리스트 :: 항목들을 나열하는데 사용 ★★*list 1.번호없는 리스트 :: type에 disc(●) / circle(○) / square(■)을 정한다. 기본값은 disc2.번호있는 리스트 :: type을 기준으로, 그 문자/숫자 start 순서부터 시작함ex) 12 3.정의 리스트 ,, 태그안에서 ,가 아이템을 이룬다는 제목는 설명/내용 :: 한칸 밑으로 내리고 tab이 눌러져서 자동정렬이 된다 1234567891011121314151617181920212223242526272829303132 1 2 주의사항 심사는 대동제 기획단 회의에서 이루어집니다. 사행성이 짙거나 종교관련 부스, 고가의 상품을 판매하는 부스는 금지합니다. 부스 설치시 환경부담금을 받아 뒷정리 검사가 끝나면 돌려드릴 예정입니다. .. 2018. 6. 27. Web - html 개념 서버(=server)는 클라이언트에게 네트워크를 통해정보나 서비스를 제공하는 컴퓨터(server computer) 또는 프로그램(server program) Was(=web application server) www(도메인)client - server (우리가 만든 어플리케이션을 올려서 만드는서버) www.apache.org -> tomcat -> jdk버전에 맞는 bit로 다운 bin>start.bat(서버시작)catalina.bat(요청받은애 파일을 실행)shutdown.bat(서버종료) *java resources 에 들어가는 파일목록.1.src -> java2.webContent -> jsp, html, css, js3.web-inF -> jar now.jsp첫줄 http://localhost:8.. 2018. 6. 27. 이전 1 다음