본문 바로가기

분류 전체보기361

[CSS] block | inline | inline-block block 📌 block : 옆에 아무것도 오지 않는 것. 예. div 💡 div에 display: inline을 하면 아무것도 보이지 않음. (inline은 width와 height를 가질 수 없기 때문.) inline 📌 inline : width와 height를 가질 수 없음. inline-block 📌 inline-block : block으로 인식. width, height, margin을 가질 수 있음. 바로 옆에 다른 요소가 올 수 있음 📌 단점 ① 알 수 없는 공간들이 생김. ② 정해진 형식이 없음. → 화면 크기에 따라 보여지는 게 다를 수 있음. 2022. 9. 14.
[Python] 복합 연산자 복합 연산자 📌 복합 연산자 a += b a = a + b a -= b a = a - b a *= b a = a * b a /= b a = a / b a // = b a = a // b a %= b a = a % b a **= b a = a ** b 2022. 9. 14.
[Python] 반복문(for문, 중첩) | range 함수 반복문(for문) 📌 반복문 - for문 : '변수'를 사용해 '자료'를 반복해 돌면서 '실행문'을 실행함. for (변수) in (자료): (실행문) range 함수 📌 range 함수 : 반복문을 사용할 때 사용. 'start'부터 'stop'전까지 'step'만큼 증감하여 반복. start와 step은 생략 가능. 예) range(100) : 0 - 99 range(1, 50) : 1 - 49 range(1, 15, 3) : 1, 4, 7, 10, 13 반복문(for문) - 예시 ❓ n을 입력받아 n의 Factorial을 출력하는 Factorial 프로그램을 작성하시오.(n! = n * (n -1) * (n - 2) * ... * 1 n = int(input("n 입력: ")) f = 1 for i.. 2022. 9. 14.
[Python] list와 tuple list vs tuple 📌 list, tuple : 여러 자료들을 담을 수 있는 자료형. 표기법 순서 자료변경 list [ ] O O tuple ( ) O X 💡 tuple 표시할 때 주의할 점 tu = (1) print(type(tu)) # tu = ("abcd") print(type(tu)) # tu = (1,) print(type(tu)) # list indexing, index 📌 list는 인덱싱이 가능함. li = [1, 2, 3, 4, 5] for i in range(0, len(li)): print(f"li[{i}] : {li[i]}") print() for i in range(-1, -(len(li)) - 1, -1): print(f"li[{i}] : {li[i]}") # li[0] :.. 2022. 9. 14.
[CSS] class class 📌 class : 여러 요소가 같이 사용할 수 있음 한 요소는 여러 클래스를 가질 수 있음 .(클래스명) { } 예시 class class class class class class 2022. 9. 13.
[CSS] box - margin, border, padding box - margin 📌 margin : box의 border(경계)의 바깥에 있는 공간. 📌 입력한 값의 개수에 따라 값 적용됨. margin : 상하좌우 margin : 상하, 좌우 margin : 상, 우, 하, 좌 💡 collapsing margins : box의 경계가 같으면 하나로 취급됨. 위, 아래에서만 일어남. → 경계가 닿으면 합쳐짐. box - border 📌 border : box의 경계. https://developer.mozilla.org/ko/docs/Web/CSS/border-style border-style - CSS: Cascading Style Sheets | MDN **border-style **CSS 단축 속성은 요소 테두리 네 면의 스타일을 지정합니다. develo.. 2022. 9. 13.
[CSS] box box 📌 box : 구성 요소. 📌 box의 구성 ① content : 내용. ② margin : box의 border(경계)의 바깥에 있는 공간. ③ border : box의 경계. ④ padding : box의 border(경계)의 안쪽에 있는 공간. https://codingrecord2209.tistory.com/24 [CSS] box - margin, border, padding box - margin : box의 border(경계)의 바깥에 있는 공간. - 입력한 값의 개수에 따라 값 적용됨. margin : 상하좌우 margin : 상하, 좌우 margin : 상, 우, 하, 좌 * collapsing margins : box의 경계가 같으면.. codingrecord2209.tistory.. 2022. 9. 13.
[CSS] CSS 기본 설명 CSS 코드 구성 📌 CSS 코드 구성 - selector : html 코드 안의 태그를 가리키는 것. - property : 속성. 색, 크기 등. (속성) : (값) ; - { } : 중괄호(curly bracket). selector의 여러 속성을 묶음. CSS 코드 실행 과정 📌 CSS 코드 실행 과정 CSS : Cascading Style Sheet(Cascading : 위에서 아래로 흐르는). 위에서 아래로 실행됨. 따라서, 같은 것을 수정했을 때 아래에 위치한 코드가 적용됨. Inline CSS vs External CSS 📌 Inline CSS vs External CSS Inline CSS : HTML 파일 안에 있는 CSS 코드. External CSS : CSS 파일이 따로 존재하는 .. 2022. 9. 13.

티스토리툴바