본문 바로가기
반응형

CSS19

[JS] JavaScript 란 안녕하세요 냥장판 입니다 HTML과 CSS를 하다보면 JavaScript 라는 용어가 튀어나올 거에요. 이번 게시글에서는 JavaScript가 무엇이고 왜 사용하는지 알아볼거에요! 다 모르겠다고 하시면! HTML에 대한 설명은 아래 게시글 참고하시고요 2019/11/19 - [놀고있네/HTML & CSS] - [HTML] HTML 이란 [HTML] HTML 이란 HTML 이란 HTML은 하이퍼텍스트 마크업 언어(HyperText Markup Language)로 웹 페이지를 동작시키기 위한 언어이다. 더보기 마크업 언어(markup language)는 태그(tag) 등을 이용하여 문서나 데이터의 구조를 규.. miaow-miaow.tistory.com CSS에 대한 설명은 아래 게시글 참고하시면 되요. 2.. 2020. 3. 9.
[CSS] Flexbox - Wrapping 사용하기 안녕하세요 냥장판 입니다 이번 게시글에서는 wrapping 관련한 속성을 알아볼거에요. flexbox에는 flex container가 있고, flex item이 있어요. 2020/02/24 - [놀고있네/HTML & CSS] - [CSS] Flexbox - 기본개념 [CSS] Flexbox - 기본개념 안녕하세요 냥장판 입니다 이번 게시글에서는 CSS Flexbox 라는 개념에 대해서 알아볼 거에요. 1. Flexbox Flexbox는 Flexible Box Layout을 말해요 Flexbox란 정렬, 방향, 순서, 사이즈 등 사용자 인터페이스 디.. miaow-miaow.tistory.com flex에서 wrapping 이라는 개념은 flex item이 flex container를 벗어나는서 배치되는지.. 2020. 3. 5.
[CSS] Flexbox - Vertical Aligning(align-items 사용하기) 안녕하세요 냥장판 입니다 지난 게시글 에서는 flexbox 정렬에 대해 알아봤어요 2020/03/02 - [놀고있네/HTML & CSS] - [CSS] Flexbox - Aligning(justify-content 사용하기) [CSS] Flexbox - Aligning(justify-content 사용하기) 안녕하세요 냥장판 입니다 지난 게시글에서는 Flexbox에 대한 대략적인 개념에 대해서 설명했어요. 2020/02/24 - [놀고있네/HTML & CSS] - [CSS] Flexbox - 기본개념 [CSS] Flexbox - 기본개념 안녕하세요 냥장판.. miaow-miaow.tistory.com justify-content 가 수평 방향의 정렬을 말한다면, 수직 방향에 정렬에서는 align-item.. 2020. 3. 4.
[CSS] Flex item 그룹만들기 안녕하세요 냥장판 입니다 지난 게시글에서는 Flexbox를 정렬하고, space로 간격을 두고 배치하는 것에 대해 알아봤어요. 2020/03/02 - [놀고있네/HTML & CSS] - [CSS] Flexbox - Aligning(justify-content 사용하기) [CSS] Flexbox - Aligning(justify-content 사용하기) 안녕하세요 냥장판 입니다 지난 게시글에서는 Flexbox에 대한 대략적인 개념에 대해서 설명했어요. 2020/02/24 - [놀고있네/HTML & CSS] - [CSS] Flexbox - 기본개념 [CSS] Flexbox - 기본개념 안녕하세요 냥장판.. miaow-miaow.tistory.com 이번에는 flex item 들을 그룹지어 배치하는 방법을 알.. 2020. 3. 3.
[CSS] Flexbox - Aligning(justify-content 사용하기) 안녕하세요 냥장판 입니다 지난 게시글에서는 Flexbox에 대한 대략적인 개념에 대해서 설명했어요. 2020/02/24 - [놀고있네/HTML & CSS] - [CSS] Flexbox - 기본개념 [CSS] Flexbox - 기본개념 안녕하세요 냥장판 입니다 이번 게시글에서는 CSS Flexbox 라는 개념에 대해서 알아볼 거에요. 1. Flexbox Flexbox는 Flexible Box Layout을 말해요 Flexbox란 정렬, 방향, 순서, 사이즈 등 사용자 인터페이스 디.. miaow-miaow.tistory.com 이번 게시글에서는 좀 더 세분화해서 flexbox에 대해 접근해 보고자 합니다. 1. Flex times 정렬하기(justify-content) Flexbox 에서 Flex item.. 2020. 3. 2.
[CSS] Flexbox - Flex Containers 안녕하세요 냥장판 입니다 지난 게시글에서는 Flexbox에 대한 대략적인 개념에 대해서 설명했어요. 2020/02/24 - [놀고있네/HTML & CSS] - [CSS] Flexbox - 기본개념 [CSS] Flexbox - 기본개념 안녕하세요 냥장판 입니다 이번 게시글에서는 CSS Flexbox 라는 개념에 대해서 알아볼 거에요. 1. Flexbox Flexbox는 Flexible Box Layout을 말해요 Flexbox란 정렬, 방향, 순서, 사이즈 등 사용자 인터페이스 디.. miaow-miaow.tistory.com 이번 게시글에서는 좀 더 세분화해서 flexbox에 대해 접근해 보고자 합니다. 1. Flex container Flexbox 에는 Flex container와 Flex item이라.. 2020. 2. 26.
[CSS] Flexbox - 기본개념 안녕하세요 냥장판 입니다 이번 게시글에서는 CSS Flexbox 라는 개념에 대해서 알아볼 거에요. 1. Flexbox Flexbox는 Flexible Box Layout을 말해요 Flexbox란 정렬, 방향, 순서, 사이즈 등 사용자 인터페이스 디자인에 최적화된 Box model 라고 보시면 됩니다. 2020/01/30 - [놀고있네/HTML & CSS] - [CSS] Box Model - 기본 요소 [CSS] Box Model - 기본 요소 안녕하세요 냥장판 입니다 지난 게시글에 이어서 CSS에 Box Model에 대해서 알아볼게요. HTML에는 태그/요소들이 있죠. (둘이 같은말입니다) 모든 요소들은 공간을 차지하고, 이 면적을 결정하는 데 필요한 개념.. miaow-miaow.tistory.com.. 2020. 2. 24.
[CSS] Float 란? 안녕하세요 냥장판 입니다 이전에 Box model에서는 컨텐츠(contents)를 박스형으로 봤을 때, block 형인지, inline 형인지에 대해 알아봤고요. 2020/01/30 - [놀고있네/HTML & CSS] - [CSS] Box Model - Block, Inline 개념 이해하기 이 contents 주변에 padding, margin, border 는 어떻게 구성이 되는지에 대해 알아봤어요. 2020/01/30 - [놀고있네/HTML & CSS] - [CSS] Box Model - 기본 요소 2020/01/30 - [놀고있네/HTML & CSS] - [CSS] Box Model - Block, Inline 개념 이해하기 이번 게시글에서는 CSS에 Float라는 속성을 살펴볼 거에요. 영어로 .. 2020. 2. 14.
[CSS] Box Sizing - content box, border box 목표: box-sizing 속성 파악하기 요약 content box: width를 content 크기로 지정 border box: width를 actual width 로 지정 안녕하세요 냥장판 입니다 지난 게시글에서는 CSS에서 많이 사용되는 Box moedel에 대해서 살펴봤어요. 2020/01/30 - [놀고있네/HTML & CSS] - [CSS] Box Model - 기본 요소 [CSS] Box Model - 기본 요소 안녕하세요 냥장판 입니다 지난 게시글에 이어서 CSS에 Box Model에 대해서 알아볼게요. HTML에는 태그/요소들이 있죠. (둘이 같은말입니다) 모든 요소들은 공간을 차지하고, 이 면적을 결정하는 데 필요한 개념.. miaow-miaow.tistory.com 이번에는 이 box.. 2020. 2. 7.
반응형