본문 바로가기
728x90
SMALL

전체 글100

[CSS] 자손 선택자, 자식 선택자 * 코드 예시자식 선택자 .box > divbox 클래스 바로 아래에 있는 직계 자식인 div에 스타일을 적용.'>' 기호는 직계 자식 관계를 나타낸다. 자손 선택자 .box > div divbox 클래스 바로 아래에 있는 직계 자식인 div 안에 있는 자손 div에 스타일 적용.'>' 기호 없이 스페이스바로 후손 관계를 나타낸다. 2024. 7. 22.
[CSS] 텍스트 스타일(line-height, font-style, text-decoration, text-transform) * 텍스트 행간 높이 설정 line-height line-height를 px단위로 설정행 간의 높이가 설정된 것을 확인할 수 있다.하지만 line-height를 px로 설정하면 폰트사이즈에 맞게 커지거나 줄어들지 않고 px 크기만큼 고정되기 때문에, em 단위를 사용하는 것이 좋다.  line-height를 em 단위로 설정 * font-style  * 선으로 텍스트 꾸미기 text-decoration밑줄 underline 윗줄 overline 취소선 line-through * text-transform첫 글자를 대문자로 변환 capitalize  대문자로 변환 uppercase 소문자로 변환 lowercase * 목록 스타일 list-style 2024. 7. 20.
[CSS] Selector(선택자) * 들어가기에 앞서, CSS 링크하기CSS 링크하기link 태그로 css 파일 링크하기. 백그라운드 컬러와 폰트 사이즈 및 색상 설정.  * Selector(선택자) 기본 실습p: 태그 선택자.center: 클래스 선택자#center: 아이디 선택자    p.center: p 태그 중 center라는 클래스 이름을 가진 것 선택   연결 선택자(,)속성과 값이 같을 경우 연결 선택자(,)를 사용하여 한번에 작성 가능.   하위 선택자 * 선택자 적용 우선순위1. !important 스타일2. 인라인 스타일3. 아이디 셀렉터 스타일4. 클래스 셀렉터 스타일5. 태그 셀렉터 스타일 동일한 CSS 속성이 중복 사용될 경우, 왼쪽의 우선순위에 따라 적용된다.  아이디 선택자에 green을 적용했지만, 인라인 선.. 2024. 7. 20.
HTML5 기본 태그 #2 - 목록, 링크, 이미지 * 목록 만들기순서가 있는 목록 ol(Ordered List) 순서가 없는 목록 ul(Unordered List) 중첩 리스트 * 링크 만들기 a 태그의 href 속성a 태그의 href 속성에 링크를 넣어준다. href는 필수 속성이다. 현재 창에서 네이버로 이동. a 태그의 target 속성a 태그의 target 속성을 사용하면 새 탭에서 네이버로 이동. a 태그의 title 속성 * 이미지 넣기 a 태그와 img 태그 함께 사용하기이미지를 클릭하여 네이버 사이트로 이동. 2024. 7. 20.
HTML5 기본 태그 - 문단, 텍스트 서식 * HTML5 기본 태그 정리 - 문단, 텍스트 서식제목 표시 h1~h6 문단 p 줄 바꿈 br 글자 굵게 표시 b, strong 글자 기울임 em 글자 밑줄 u 글자 취소선 s, del 큰 글자 big, 작은 글자 small 아래 첨자 sub, 위첨자 sup 배경색 mark 수평선 hr 2024. 7. 20.
[ML 미니 프로젝트] 얼굴 인식 및 제스처 기반 출퇴근 기록 시스템(MediaPipe, OpenCV, Face Recognition) 얼굴 인식 및 제스처 기반 출퇴근 기록 시스템 (MediaPipe, OpenCV, Face Recognition): 캠을 통해 인식한 얼굴을 등록하고, 등록된 사용자는 손 제스처를 통해 출근, 퇴근, 외출, 복귀를 기록할 수 있다. - 운영체제: Windows 11 64 bit- 개발언어: Python- 개발 툴: 아나콘다 Jupyter Notebook- 라이브러리 및 도구: OpenCV, MediaPipe, Face Recognition, Numpy, TensorFlow, Scikit-learn  * 기능적 요구사항명세서ID요구사항내용설명우선순위R_01사용자 인증얼굴 인식을 통해 사용자를 인증한다.얼굴 인식 및 눈 깜빡임, 입 벌림 감지를 통해신뢰성이 높은 인증을 할 수 있다.1R_02손 제스처 인식손.. 2024. 7. 15.
728x90
LIST

티스토리툴바