순이코딩 (91) 썸네일형 리스트형 [Web] CSS 태그(5) - flex / animation / transition / transform 1. flex flex는 아이템이 자신의 컨테이너가 차지하는 공간에 맞추기 위해 크기를 키우거나 줄이는 방법을 설정하는 속성입니다. 여기서 flex container와 flex item가 있는데 container란 flex의 영향을 받는 전체 공간을 의미하고 item은 설정된 속성에 따라 어떠한 형태로 배치되는 것을 말합니다. box1 box2 box3 box4 box5 box6 이렇게 요소들이 있을 때, 아직 컨테이너가 만들어지지 않았기 때문에 요소들은 위에서 아래로 배치되어 있기만 합니다. 하지만 컨테이너클래스의 display를 flex로 지정하면 아이템들은 하나의 컨테이너로 묶여 설정된 속성에 따라 묶이게 됩니다. .container{ display: flex; } 이때 flex-direction .. [Web] CSS 태그(4) - box 모델 / margin, padding / radius / background / position / z-index / overflow / float ■ box 모델 박스 모델이란 웹 문서의 내용을 박스 형태로 정의하는 방법입니다. 박스 모델의 요소는 콘텐츠 영역, 패딩, 테두리, 마진 등의 요소로 구성되어 있습니다. 웹 문서에서 개발자도구를 보면 이렇게 박스모델의 형태를 볼 수 있습니다. 웹 페이지의 레이아웃 및 디자인 설계 시 사용합니다. 콘텐츠 영역의 크기는 width와 height로 조정할 수 있으며 마진(margin), 패딩(padding)은 top right bottom left로 값을 줄 수 있습니다. *{ margin-top: 0; margin-left: 0; } 이렇게 속성에서 선택해 값을 줄 수도 있고, margin 또는 paddig 속성에서 한 번에 값을 다르게 줄 수 있습니다. *{ margin: 50px 0 0 20px; } 이.. [Python] 파이썬 기초(3) - 반복문 / 함수 1. 반복문 반복문은 프로그램 내에서 똑같은 명령을 일정 횟수만큼 반복하며 수행하도록 제어하는 명령문입니다. 반복문에는 2가지가 있습니다. 반복 횟수가 명확하지 않을 때 주로 사용하는 while문과 반복 횟수가 명확할 때 주로 사용하는 for문이 있습니다. ■ while문 while문은 조건식이 True인 동안 계속 반복하는 반복문입니다. while 조건식 : 실행문장 그렇기 때문에 특정 조건을 걸어 반복문을 제어하고 싶다면 if문과 함께 사용할 수 있습니다. while True : num1 = int(input('첫 번째 정수 입력 >> ')) num2 = int(input('두 번째 정수 입력 >> ')) if num1==0 and num2==0 : break num3 = num1 + num2 pri.. [Python] 파이썬 기초(2) - 연산자 / 조건문 / 리스트, 튜플, 딕셔너리 1. 연산자 연산자에는 7가지 종류가 있습니다. 구분 연산자 산술 연산자 + - * / // % 지수 연산자 ** 대입(복합)연산자 = += -= *= /= //= %= 관계(비교)연산자 두 수를 비교하여 참 또는 거짓을 반환. > >= < 이전 1 2 3 4 5 6 ··· 23 다음
