부트스트랩이란? JS, CSS로 각종 레이아웃, 버튼, 입력창 등을 만들어 놓은 프레임워크다 웹 페이지에서 자주 사용되는 요소들이 내장되어 있고 미리 지정된 CSS혹은 JS 함수를 불러오면 된다. 게다가 모바일 디자인도 지원하는 즉, 반응형 디자인을 지원한다. https://getbootstrap.com/ Bootstrap Powerful, extensible, and feature-packed frontend toolkit. Build and customize with Sass, utilize prebuilt grid system and components, and bring projects to life with powerful JavaScript plugins. getbootstrap.com 부트스..

SeSac 교육 2주차에 접어들었다. CSS에 대해 다양한 속성들에 대해 접해볼 수 있었다. 지난 블로깅과 마찬가지로 속성들이 어떻게 구현되는지 Codepen을 활용하여 정리해보겠다. position position 속성은 문서 상에서 요소들을 배치하는 방법입니다. static, relative, absolute, fixed 중 1가지를 사용할 수 있으며 아래와 같은 방식으로 구현됩니다. static static은 position 속성의 기본값입니다. 일반적인 문서 흐름에 따라 문서를 요소를 배치하며, 속성들로 인해 영향을 미치지 않습니다. See the Pen CSS 속성 by 권구호 (@pkrbmbjb-the-solid) on CodePen. relative 일반적인 문서의 흐름에 따라 배치되지만 자..

복합 선택자 이름 설명 표기법 일치 선택자(Basic Combinator) 선택자 A와 B를 동시에 만족하는 요소 선택 AB {~~~~~} 하위 선택자(Descendant Combinator) 선택자 A의 하위요소 B 선택 A B {~~~~~} 자식 선택자(Child Combinator) 선택자 A의 자식요소 B를 선택 A > B {~~~~~} 인접 형제 선택자(Adjacent Sibling Combinator) 선택자 A의 다음 형제 요소 B 하나를 선택 A+B {~~~~~} 일반 형제 선택자(General Sibling Combinator( 선택자 A의 다음 형제 요소 B모두 선택 A~B {~~~~~} 복합선택자 사용 연습 동물원에 왔어요 여긴 사파리! 곰 호랑이 팬더 사자1 사자2 사육사 lily ..