publishing Flex - 자식요소 속성 🍫 flex 플렉스 자식요소의 너비를 상대적으로 설정해주는 속성이다. flex-grow , flex-shrink , flex-basis 를 한번에 지정할 수 있는 축약형 속성이다. 🍫 flex-grow 자식요소가 3개이고 flex-gorw를 1 , 2 , 1을 주었다면 🍫 flex-shrink 플렉스 자식요소의 감소 너비 비율을 설정한다. 사실, flex-grow 같은 경우에는 grow를 준... CSSpublishinghtmlCSS css 포지션속성 Position 속성 : relative & absolute html의 요소의 위치값을 주려면 아래와 같이 position 속성이 필요하다. 자식요소의 위치를 부모요소 기준으로 위치를 변경하고 싶을때, 중요한건 부모요소에 relative를 주고 자식요소에 relative를 줘야한다는 것. 예시로 이와 같은 html을 하나 생성했다. 여기서 저 파랑네모를 우측하단으로 붙이고 싶다면? 부모요소에... CSSpublishinghtmlCSS css로 html 요소들 가로 배치 우선 float 속성이 뭔지부터 살펴보자. float float 속성 none(default) : float 속성 적용 x left : 요소가 컨테이너 왼쪽 배치 right : 요소가 컨테이너 오른쪽 배치 기본적으로 인라인,블록,인라인-블록 관계없이 적용 margin : auto 요소를 중앙 배치 (블록요소만 적용) 위의 사례를 웹으로 보면 잉? 이게 머선129. float는 기본적으로 둥둥... publishingCSShtmlCSS jQuery 클래스 제어 method addClass() : 선택요소에 클래스 넣기 removeClass() : 선택요소에 클래스 빼기 toggleClass() : 선택요소에 클래스 넣기 / 빼기 ! 적용하기 위해서는 미리 CSS에 추가 혹은 제거할 class를 작성해 놓는다. (class를 적을땐 변경할 해당 태그 셀렉팅을 꼭 해준다.) ex ! 만약 위 예시에서 이미 container div 요소가 background-col... jquerypublishingjquery
Flex - 자식요소 속성 🍫 flex 플렉스 자식요소의 너비를 상대적으로 설정해주는 속성이다. flex-grow , flex-shrink , flex-basis 를 한번에 지정할 수 있는 축약형 속성이다. 🍫 flex-grow 자식요소가 3개이고 flex-gorw를 1 , 2 , 1을 주었다면 🍫 flex-shrink 플렉스 자식요소의 감소 너비 비율을 설정한다. 사실, flex-grow 같은 경우에는 grow를 준... CSSpublishinghtmlCSS css 포지션속성 Position 속성 : relative & absolute html의 요소의 위치값을 주려면 아래와 같이 position 속성이 필요하다. 자식요소의 위치를 부모요소 기준으로 위치를 변경하고 싶을때, 중요한건 부모요소에 relative를 주고 자식요소에 relative를 줘야한다는 것. 예시로 이와 같은 html을 하나 생성했다. 여기서 저 파랑네모를 우측하단으로 붙이고 싶다면? 부모요소에... CSSpublishinghtmlCSS css로 html 요소들 가로 배치 우선 float 속성이 뭔지부터 살펴보자. float float 속성 none(default) : float 속성 적용 x left : 요소가 컨테이너 왼쪽 배치 right : 요소가 컨테이너 오른쪽 배치 기본적으로 인라인,블록,인라인-블록 관계없이 적용 margin : auto 요소를 중앙 배치 (블록요소만 적용) 위의 사례를 웹으로 보면 잉? 이게 머선129. float는 기본적으로 둥둥... publishingCSShtmlCSS jQuery 클래스 제어 method addClass() : 선택요소에 클래스 넣기 removeClass() : 선택요소에 클래스 빼기 toggleClass() : 선택요소에 클래스 넣기 / 빼기 ! 적용하기 위해서는 미리 CSS에 추가 혹은 제거할 class를 작성해 놓는다. (class를 적을땐 변경할 해당 태그 셀렉팅을 꼭 해준다.) ex ! 만약 위 예시에서 이미 container div 요소가 background-col... jquerypublishingjquery