Sa-gom Blog

No bottom

[HTML&CSS] Flex Box를사용합시다

Amazing flex box

첫째, 나 플렉스 박스 쓸꺼야! 둘째, 방향은 어디로 정렬할 거야?? 셋째, 크기 유지할꺼야?? 아니면 알아서 조정할꺼야?? 넷째, 느낌적인 느낌대로 정렬! 정렬할 요소를 가진 부모에게 display:flex만 주면 준비완료! 방향정렬 flex-direction:row||column(기본값은 row) 디렉션과 같은방향축은 main axis, ...

Posted by Hoon on October 11, 2017

[HTML&CSS] position float랑 position은 언제 써야할까?

What is a position

float는 영역 범위 내에서 촤르르~ 세워지는 느낌??? position은 완전히 여기저기 다닐 수 있는 느낌?? 포지션은 좌표로 움직이나~~~~~ 종류 && 기준점 Position statc -모든 요소의 기본값이다. Position Relative -자신의 원래상태를 기억한다!!! 자신이 있던 곳을 기준으로 이동!! Pos...

Posted by Hoon on October 7, 2017

[HTML&CSS] Float 위치선정하자!

박스에 대한 개념을 잡아보자

layout: post title: “[HTML&CSS] Box & Box model” subtitle: “박스에 대한 개념을 잡아보자” date: 2017-10-01 10:02:00 author: “Hoon” header-img: “img/post-bg-nextgen-web-pwa.jpg” cat...

Posted by Sa-gom Blog on October 3, 2017

[HTML&CSS] HTML과 CSS Hot body HTML

Semantic web design

semantic markup의 필요성 어떤 맥락에서 markup를 할 수 있는지 알 수 있다. semantic라는 의미자체로 위의 말을 알 수 있을것이다. 다른 개발자들의 접근성이 좋아진다 =>javascript로 크롤링이 용이하다?? HTML6에 추가된 태그들 section 콘텐츠의 맥락을 구분하는챕터 =>div와...

Posted by Hoon on September 12, 2017