HTML CSS

HTML CSS의 각 속성들과 활용법  및 웹 개발과 관련된 여러가지 것들

Read more about the article CSS 박스안에 이미지를 꼭 맞춰서 넣는 방법
HTML CSS

CSS 박스안에 이미지를 꼭 맞춰서 넣는 방법

CSS를 처음 배우게 되면 이미지를 내가 원하는대로 넣는 것이 쉽지 않다. 그중에서도 박스의 크기와 이미지의 크기가 서로 다른 경우에는 여기에 맞춰서 넣는 방법을 가장 많이 사용하는데 이것을 한번 배워보자 이 내용은 기초중에서도 왕기초이다. 일단 아래와 같은 HTML 코드가 있다고 가정하자. <div class="profile"> <img…

0 Comments
2021-07-06
Read more about the article [02] flex 속성 (부모속성, 자식속성) 이해
HTML CSS

[02] flex 속성 (부모속성, 자식속성) 이해

앞서서 우리는 flex는 부모-자식 관계 안에서 작동한다는 것을 알게 되었습니다. 이제 우리는 부모가 가지는 flex의 속성과 자식이 가지는 flex 속성에 대해 알아야합니다. 어떤것이 flex container properties (부모속성)이고 어떤 것이 자식 속성인지를 아는 것은 아주 중요합니다. CSS 초보자들은 이 둘을 헷갈려 혼합으로 사용하면서 "왜…

0 Comments
2021-06-20
Read more about the article [01] CSS flex 사용 전에 꼭 알아야할 기본 개념
HTML CSS

[01] CSS flex 사용 전에 꼭 알아야할 기본 개념

CSS의 Flex를 사용하려면 기본 개념에 대해서 먼저 알아야 한다. 가장 중요한 개념 2가지를 알아보자 Flex는 항상 부모-자식 관계가 설정되어 있어야 한다.flex의 부모는 직계 자식만 영향을 준다. flex의 부모는 flex 컨테이너가 된다. 그리고 이 컨테이너는 바로 아래의 child 요소에게만 영향을 준다. 손자에게는 영향을 주지…

0 Comments
2021-06-20