HTML, CSS 4

html/css 구현

1) 사물을 생각하고 해당 사물에 대한 기능들을 나열- 카메라 - 기능 : 사진 촬영, 동영상 촬영, 촬영 모드 선택(자동, 수동 등), 사진 확인&삭제, 플래시 설정, 노출 설정(셔터속도, 조리개), 전원on/off, 화면 확대/축소, 필터설정, 메모리 카드 관리 1-1) Method(기능)1. 촬영 1.1 사진 촬영 1.2 동영상 녹화 2.  촬영 모드 선택 2.1 자동 2.2 수동 2.3 연속 촬영 2.4 타임랩스 3. 플래시 설정 3.1 자동 3.2 on 3.3 off 4. 필터 설정 4.1 소프트 4.2 흑백 4.3 레트로 5. 노출 설정 5.1 셔터 속도(1/1000~1/2) 5.1.1 속도 높이기 5.1.2 속도 낮추기 5.2 조리개 설정(F1.4~F22) 5.2.1 조리개 값 올리기 5.2..

HTML, CSS 2024.06.27

html, css

html-css 파일 연결 : link rel="stylesheet" type="text/css" href="../css/common.css">body 안의 내용 모두 빨간글씨로 변경 : * {color:red;} 태그선택자 : div style="color:red; font-weight: lighter">div입니다.div> 태그에 id, class 속성 부여 및 값 적용 홍길동 /웹페이지 문서 내에 id는 중복 불가유저정보 영역 /웹페이지 문서 내에 class는 중복 가능li id="list2">목록2li>li class="class-list">목록5li>  body div p {font-size:20px;} /* 자손선택자 */body > div > p{font-size:50px;} /* 자식선택..

HTML, CSS 2024.06.21

CSS - 선택자(기본, 복합 , 가상클래스, 가상 요소, 속성)

1) CSS- HTML 문서에 있는 요소들에 선택적으로 스타일을 적용할 수 있다. 2) CSS에서는 선택자(selector)를 통해서 웹페이지의 특정 부분만을 선택하여 원하는 스타일을 적용할 수 있다.- 선택자(selector) : rule set의 맨 앞에 있는 HTML 요소 이름. 이것은 꾸밀 요소(들)을 선택한다 (이 예에서는 p 요소). 다른 요소를 꾸미기 위해서는 선택자만 바꾸면 된다.  1. 기본 선택자- CSS에서 가장 쉽게 볼 수 있는 기본 선택자는 태그 이름을 그대로 사용하는 타입 선택자(Type selector)이다. 타입 선택자를 사용하면 HTML 문서에서 특정 태그로 마크업된 모든 요소(element)를 선택할 수 있다.① id : 홍길동 /*웹페이지 문서 내에 id는 중복 불가*/..

HTML, CSS 2024.06.20

HTML - html 태그(제목, 목록, 미디어, 테이블, input, radio, textarea, form, button), Eclipse 단축키

1) Eclipse 윈도우에서 확인하는 단축키(Chrome) ⓐ Window > Preferences > General > Web Browser > Chrome > Location에서 chrome.exe 파일 있는 경로 선택(C:\Program Files (x86)\Google\Chrome\Application\chrome.exe)ⓑ Run New_Configuration > External Tools Configurations > Program 더블클릭 > New_configuration > Location에서 chrome.exe 파일 있는 경로 선택 > Arguments : ${selected_resource_loc}ⓒ Window > Preferences > General > Keys > last ..

HTML, CSS 2024.06.19