728x90 반응형 전체 글90 [ CSS ] @keyframes 애니메이션 효과 #m{ width:100px; height:100px; background:blue; position: relative; animation: example1 5s infinite; } @keyframes example1{ from {top:0px;} 50%{left:100px;top:100px;} to{top:300px;left:300px;} } [ 참고 ] https://www.w3schools.com/cssref/tryit.asp?filename=trycss3_keyframes_important https://www.w3schools.com/cssref/tryit.asp?filename=trycss3_keyframes 2020. 4. 5. 연산자 & 연산자우선순위 python) 파이썬 연산자 종류 a + b a와 b의 합 a - b a와 b의 차 a * b a와 b의 곱 a / b a를 b로 나눈 결과 a // b a를 b로 나눈 결과의 정수부분( a를 b로 나눈 몫 ) a % b a를 b로 나눈 나머지 a ** b a의 b제곱( a의 b승 ) 파이썬 연산자 우선순위 1 **( 거듭제곱 ) 2 *, /, //, % 3 +, - [ 참고 및 출처 ] https://blog.hexabrain.net/272?category=498286 파이썬 강좌 2편. 간단한 문법 살펴보기 1. 간단한 출력 살펴보기 이번 편에서는 파이썬의 문법을 간단하게 살펴보도록 하고, 첫 시작은 간단하게 Hello, world!를 출력하는 코드를 살펴보도록 하겠습니다. 아래와 같이 IDLE에 입.. 2020. 3. 23. 최초의 프로그래머, 에이다 러브레이스(Ada Lovelace) - 1 에이다 러브레이스 _ Ada Lovelace 영국 출신의 수학자이자 세계 최초의 프로그래머인 에이다 러브레이스(1815.12.10-1852.11.27)는 영국의 낭만파 시인이던 조지 고든 바이런과 이자벨 밀뱅크라는 귀족 어머니 사이에서 출생하였습니다. 그러나 어린 에이다가 생후 1개월밖에 되지 않았을 때 에이다의 부모님은 이혼을 하게 됩니다. 이유는 방탕한 생활을 즐기던 조지 고든 바이런과 그것을 이해할 수 없었던 이자벨 밀뱅크의 차이에서 비롯되었을 것으로 추측됩니다. ( 당시 영국에서 이혼을 하면 주로 양육권은 아버지에게 주어졌는데 ) 이혼 후 양육권을 요구조차 하지 않은 채, 바이런은 영국을 떠나 살다가 에이다가 8살이 될 무렵에 그리스에서 객사하였다고 합니다. 한편, 이자벨 밀뱅크는 에이다가 아버지.. 2020. 3. 12. [CSS] display: inline-block; display: inline; display: block; display: inline-block; inline은 기본적으로 한 줄에 배치되는 것이고, block은 그와 다르게 매번 줄바꿈을 거쳐 배치되는 것입니다. 이 두 가지를 합친 display: inline-block;은 한글에서 도형을 '글자처럼 취급'한 것과 비슷한 효과처럼 보이는데요, 블럭의 형태는 유지한 채, 글자들과 함께 한줄에 존재하게 됩니다. https://www.w3schools.com/css/css_inline-block.asp 2019. 11. 27. [CSS] CSS 단위(unit) : vw CSS units(단위들)의 종류로는 유명한 px, cm, %, em, vh 이런 단위들이 있습니다. 오늘은 이러한 CSS 단위들 중 하나인 vw에 대해 소개하겠습니다. vw는 뷰포트* 너비의 퍼센트 만큼의 크기로 글자를 지정해 주는 것인데요, 이와 비슷하게 vh는 뷰포트의 높이의 퍼센트 만큼의 크기로 글자크기를 지정해줍니다. 세상에는 휴대폰 기종부터 태블릿, 패드, 노트북에 이르기까지 다양한 크기의 컴퓨터가 존재합니다. 그런 컴퓨터 위에서 동작하는 웹이 모든 기종에서 적당하고 조화로운 글자와 이미지의 크기롤 보여지기 위해서는 뷰포트의 값에 따라 유연하게 크기가 변경되는 단위를 사용하는 것이 좋을 것입니다. *뷰포트 : 사용자에게 보이는 브라우저 크기 https://www.w3schools.com/css.. 2019. 11. 27. [CSS] 글자 간격 조정 글자 간격 조정을 위한 CSS 프로퍼티 몇 가지를 소개해 보겠습니다. letter-spacing, line-height라는 프로퍼티들인데요. letter-spacing은 자간, line-height는 행간을 조정한다고 보시면 되겠습니다. letter-spacing의 속성값으로는 기본 normal, initial부터 부모로부터 상속되는 inherit까지, 그리고 양수부터 음수까지의 값들이 올 수 있습니다. line-height의 속성값도 위와 비슷한 유형의 값들이 오긴 하지만, 다양한 단위가 올 수 있다는 조금 다른 점이 있습니다. 예시로, line-height: normal; //디폴트값 line-height: initial; //초기값(디폴트값) line-height: inherit; //부모요소로부터.. 2019. 11. 27. 이전 1 ··· 11 12 13 14 15 다음 728x90 반응형