'분류 전체보기' 카테고리의 글 목록 (59 Page)

요소 가운데 정렬

요소 가운데 정렬 1. 요소 가운데 정렬 - margin: 0 auto; 라고 입력하면, 요소가 가운데로 정렬됨

format_list_bulleted Front-End Study/HTML+CSS
· 2022. 9. 26.
textsms

도커 컨테이너 실행

도커 컨테이너 실행 1. 명령어 기본 구조 - docker exec 컨테이너 쉘 명령어 - docker exec app1 vim /etc/os-release - app1 컨테이너의 배포한을 확인함 (Debian 배포판인 것을 확인) - docker exec app1 apt-get update - app1 컨테이너에 apt-get update 명령어 실행 (apt-get은 데비안 계열의 yum 명령어) - docker exec -it app1 apt-get install vim - app1 컨테이너에 vim을 설치 (기본적으로 패키지 설치 시, -it 옵션으로 상호작용 의사를 밝혀야 함) - docker exec -it app1 bash - bash 또한 명령어 입력이 이루어지므로 상호작용이 필요한 작업이..

format_list_bulleted Back-End Study/Linux
· 2022. 9. 26.
textsms

여백을 조절하는 속성 - margin, padding

여백을 조절하는 속성 1. margin 속성 (백과사전 바로가기) - 요소 주변 여백 설정 - 한 요소와 다른 요소 사이의 간격 조절 가능 - margin-left와 margin-right의 값을 auto로 하면, 웹 요소를 중앙에 배치할 수 있음 2. 마진 중첩(margin overlap) 현상 - 요소를 세로로 배치할 경우, 마진과 마진이 만날 때, 큰 값을 기준으로 겹쳐지는 현상 ※ 가로는 겹치지 않음 - margin= 30px;로 설정할 경우, 30px+30px=60px가 아닌 30px로 설정됨 3. padding 속성 (백과사전 바로가기) - 콘텐츠 영역과 테두리 사이 여백 설정

format_list_bulleted Front-End Study/HTML+CSS
· 2022. 9. 25.
textsms

박스 모델(Box Model)

박스 모델(Box Model) 1. 박스 모델(Box Model) - 박스 형태의 콘텐츠 - 박스 모델의 구조 - 실제 콘텐츠 영역 - 박스와 콘텐츠 사이의 여백인 패딩(padding) - 박스의 테두리(border) (border은 따로 정리) - 여러 박스 모델 사이의 여백인 마진(margin) 2. width, height 속성 - 콘텐츠 영역의 크기 - 너비(width), 높이(height)를 설정하여 콘텐츠 영역의 크기를 정함 - , , auto로 설정 가능

format_list_bulleted Front-End Study/HTML+CSS
· 2022. 9. 25.
textsms

마진(margin)과 패딩(padding) 속성

format_list_bulleted Front-End Study/CSS 사전
· 2022. 9. 23.
textsms

한칸 띄우기

한칸 띄우기 1. 한칸 띄우기 - 여러 칸을 띄우고 싶지만 html에서는 제한적임 - 그래서 를 사용 (공백을 의미) 안 녕 하 세 요

format_list_bulleted Front-End Study/HTML+CSS
· 2022. 9. 21.
textsms