YG - 96년생 , 강아지 있음, 개발자 희망

Flexbox flexbox에는 주의해야 할 점 3가지가 있다. 자식 엘레멘트에는 어떤 것도 적지 말아야 한다. ( 부모 엘레멘트에만 명시해야함) >>자식들을 움직이려면 부모에게만 명시하면 됨 (예외적으로 부모의 지정된 align-items,justify-content의 내용을 무시하고 개별요소를 적용시킬 수 있는 align-self, justify-self를 이용할수도 있다) 다만 (부모-자식1)관계에서 (자식1-자식2)의 관계로 늘어나고 자식2의 내용을 정렬하고 싶다면 자식1에게 display:flex를 중복사용 할 수 있다. justify-content 와 align-items를 적용하고 싶으면 먼저 display:flex를 해야한다 justify-content는 주축 (main-axis)를 통해 ..

margin margin 은 box의 border(경계)의 바깥에 있는 공간 body의 경계로 부터 바깥에 있는 공간 입력하는 방법이 있는데 #id{ margin : 10px == 모든 네 면의 여백을 10px으로 설정하는 것 margin : 10px 20px == 위와 아래는 10px 왼쪽 오른쪽은 20px로 설정하는 것 margin : 10px 20px 30px == 위는 10px 왼쪽 오른쪽은 20px 아래는 30px로 설정하는 것 margin : 10px 20px 30px 40px == 위 10px 오른쪽 20px 아래 30px 왼쪽 40px로 설정하는 것 (시계방향) } margin 말고도 border, padding 입력하는 방법은 같다 border box의 경계 , 스타일을 변경할 수 있음 ..

block 블록 서식 상황에서 상자는 컨테이너 블록의 맨 위에서 시작하여 수직으로 하나씩 배치된다. 두 형제(동급) 상자 사이 수직 간격은 '여백' 속성에 의해 결정된다. 블록 서식 상황에 속하는 인접하는 블록 수준 상자 사이 수직 여백은 축소된다. 블록 서식 지정 상황에 속하는 각 상자의 왼쪽 바깥족 가장자리는 콘테이너 블록의 왼쪽 가장자리를 접한다. (오른쪽에서 왼쪽[아랍어] 방향 서식의 경우는 우측 가장자리를 접한다.)" - 9.4.1 “In a block formatting context, boxes are laid out one after the other, vertically, beginning at the top of a containing block. The vertical distance..

1번째 방법 head 안에 태그를 직접 추가하는 방법이 있습니다 파리바게뜨 .top-item{ background-color: aqua; } 2번째 방법 html 문서에 직접 추가하면 어지럽고 정리하기 힘드므로 이 방법을 추천드립니다 헤드 안에 넣고 rel은 [rel(relationship 관계)에 대해 명시] 어떤 역할을 하는지 적는 것이며 href 에는 name.css파일명을 입력하시면 되겠습니다 어떤 경로에 있다면 \folder\styles.css 등으로 입력하시면 됩니다. 저의 경우 2번쨰 방법으로 꾸준히 사용하려고 합니다 봐주셔서 감사합니다