명이나물 라이브러리

이전 사전 스터디때 공부했던 내용으로, 새롭게 알게된 내용만 파악하고 넘어가자! Margin과 Padding 👉 273px이라는 가로 값은 border와 padding이 합쳐진 가로 길이 👉 margin까지 합쳐진 가로의 길이는 373px 👉 순수내용(파란색영역)의 길이는 273px에서 border(-10)와 padding(-100)을 제외한 163px p.example { width: 273px; height: 90px; margin: 50px; border: 5px solid black; padding: 50px; } Margin (주황영역) p.example { margin: 50px; } margin에 50px값을 주면 테두리 사방으로 여백이 생긴다. 즉, 위 코드를 풀어쓰면 아래와 같다. p.e..

1. Text-align 텍스트 정렬 왼쪽 정렬 : left, 모든 요소의 기본 정렬은 왼쪽 정렬이므로, 아무 text-align을 주지 않은 태그는 왼쪽 정렬이됨. 오른쪽 정렬 : right 가운데 정렬 : center .left { text-align: left; } .center { text-align: center; } .right { text-align: right; } 예외. 은 inline-element이므로, text만큼의 영역을 차지하고 있으므로, 정렬이 되지 않는다! 2. text-indent 띄어쓰기로 들여쓰기 안되는 것도 text-indent 을 이용하면 들여쓰기 가능! ✋ text-indent : 10px 는 스페이스바 두번( )과 동일하다! .js-description { tex..

Wecode 2일차 Session 주제 웹 서비스 역사와 발전 멘토 김순태 멘토님 순태님은 백앤드 개발자이시며, VIM 에디터를 좋아하신다고 하신다 ! 01. Internet & Web [인터넷] 1960년 군사적 목적 당시의 중앙집중적 통신 시스템. 핵 공격에 취약. 핵 공격에도 견딜 수 있는 강한 통신 시스템 필요>> internet web이 출현하며 인터넷이라는 통신 시스템이 대중적으로 사용되기 시작. [웹] 1990년-인터넷 출현 후 30년뒤 팀버너스리가 만듦. web은 최초의 브라우저. world wide web을 통해 인터넷이 대중화됨. 가장큰 혁신으로 유통이 가능하게 됨. 예전에는 소프트웨어를 구입하려면 물리적인 매개체가 필요 이런 유통의 과정이 혁신적으로 줄어들면서 많은 개발자들이 창업을 ..