EverGiver

선형 그러데이션 선형 그러데이션이란 섹상이 수직, 수평 또는 대각선 방향으로 일정하게 변하는 것을 말한다. linear-gradient(to 또는 , , [, ...]); 방향 - 끝 지점을 기준으로 to 예약어와 함께 사용한다. - to 다음에는 방향을 나타내는 예약어를 최대 2개까지 사용할 수 있다. - 이때 예약어는 수평 방향을 나타내는 left와 right, 수직 방향을 나타내는 top과 bottom을 사용한다. - 위치나 각도 옵션을 생략하면 to bottom으로 인식한다. 각도 - 선형 그러데이션에서 색상이 바뀌는 방향을 알려 주는 방법이다. - 각도는 그러데이션이 끝나는 부분이고 값은 deg로 표기한다. - 각도 맨 윗부분이 0deg이고, 시계방향으로 회전하면서 90deg, 180deg가 된..

배열 원소의 최댓값 구하기 // a의 원소가 3개일 때 maximum = a[0] if a[1] > maximum: maximum = a[1] if a[2] > maximum: maximum = a[2] // a의 원소가 4개일 때 maximum = a[0] if a[1] > maximum: maximum = a[1] if a[2] > maximum: maximum = a[2] if a[3] > maximum: maximum = a[3] - 배열 a의 원소 중에서 최댓값을 구하는 max_of( ) 함수 정의 def max_of(a): maximum = a[0] for i in range(1, len(a)): if a[i] > maximum: maximum = a[i] - 배열 원소를 하나씩 차례로 주목하..

글자색을 지정하는 color 속성 color : 16진수로 표현하는 방법 - #RRGGBB로 표시 - 만약 색상값이 #0000ff처럼 두 자리씩 중복될 경우 #00f로 줄여서 표기할 수도 있다. hsl과 hsla로 표현하는 방법 - hsl ▷ hue(색상), saturation(채도), lightness(명도)의 줄임말이다. - hsla ▷ hue(색상), saturation(채도), lightness(명도), alpha(불투명도)의 줄임말이다. 색상을 영문명으로 표현하는 방법 - red, yellow, black처럼 잘 알려진 색상 이름을 사용한다. rgb와 rgba로 표현하는 방법 - rgb ▷ red, green, blue의 줄임말로 앞에서부터 빨간색, 초록색, 파란색이 들어 있는 값을 나타낸다. ..

글꼴을 지정하는 font-family 속성 font-family: ¦ [, ] cf) 기본형 기호 이해하기 1. ¦ 는 나열한 옵션 중 하나가 값이 되어야 한다는 의미 font-size: 값1 ¦ 값2 ¦ 값3 2. 속성 값을 나열할 때 키워드는 그대로 나열한다. font-variant: normal ¦ small-caps 3. 속성값을 나열할 때 값이 아니라 유형이라면 로 묶는다. 이때 다른 속성을 유형처럼 사용할 수 있다. font-size: ¦ ¦ ¦ font: 글자 크기를 지정하는 font-size 속성 font-size: ¦ ¦ ¦ 1. 절대 크기 : 브라우저에서 지정한 글자 크기 2. 상대 크기 : 부모 요소의 글자 크기를 기준으로 상대적인 글자 크기를 지정 3. 크기 : 브라우저와 상관..

배열 개념 알아보기 배열을 사용하면 따로따로 흩어진 변수를 하나로 묶어서 사용할 수 있어 코드를 쉽고 효율적으로 작성할 수 있다. score1 = int(input('1번 학생의 점수를 입력하세요.: ')) score2 = int(input('2번 학생의 점수를 입력하세요.: ')) score3 = int(input('3번 학생의 점수를 입력하세요.: ')) score4 = int(input('4번 학생의 점수를 입력하세요.: ')) score5 = int(input('5번 학생의 점수를 입력하세요.: ')) total = 0 total += score1 total += score2 total += score3 total += score4 total += score5 요구 사항이 생기면 어떻게 수정할 수..

MENU menu1 menu2 menu3 menu4 menu5 menuA subA subA subA subA menuB subB subB subB subB menuC subC subC subC subC menuD subD subD subD subD Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam reiciendis provident doloribus saepe facere facilis atque aliquid, veritatis magni dignissimos quidem obcaecati quos illum animi officiis! Velit vel rerum facilis. menuA subA subA subA subA menuB ..