전체 글 (94) 썸네일형 리스트형 안산 만두전골 맛집 내돈내산! 직접만드는 손만두 개성손만두전문점 성포동 메밀소바 추천! 안산 성포동 월피공원 쪽에위치한 개성손만두 방문했어요예전부터 와보고싶었는데 드디어 방문했습니다내부도 넓고 사장님이 밝게 자리 안내 해주셨어요리뷰에서도 직원분들도 친절하다고 써져있던데다들 정말 친절하셨습니다개성손만두 메뉴판 입니다!만두전골이 메인메뉴 입니다내부에 만두를 빚고 계시는게 보였어요!오픈되어있는 곳에서 만드시는게 청결, 100% 수제로 만드는점을 보여주죠확실히 눈앞에서 보니까 믿음이 갔고 더 맛있어 보였어요단무지, 겉절이는 부족하면 셀프빠 이용하세요겉절이가 정말 맛있었습니다!메밀소바 너무 맛있어요 ! 💯더운날에 먹기 딱 좋은 맛있는 메밀소바같이간 지인이 와사비를 안먹어서 고명을 따로 달라고 했어요!양도 많고 맛도 최고 메밀소바 맛집 스퉈트 효능, 효과 간단하게 하체근력 키우기 셀룰라이트 없애기 스쿼트는 다이어트, 몸매관리, 건강 전부에 효과 좋은 최강 하체 운동이에요.저처럼 운동 싫어하는 사람도 하루 몇 개씩만 해도 눈에 띄는 변화가 생길 수 있어요!이제 한여름도 와서 몸매관리들 다들 하실텐데셀룰라이트들 정말 보기 싫더라구요 특히 허벅지 부분에 많이 생긴다고 해요스쿼트는 셀룰라이트를 제거해주는데 좋은 운동이라고해요힙업 효과 까지 볼수있으니 시간 날때 꾸준히 해보려구요✔️스쿼트의 대표 효과들1. 다이어트 & 체지방 감소하체 근육은 몸에서 가장 크고 많아요스쿼트 = 칼로리 소모 왕기초대사량 증가 → 살이 잘 빠지는 몸으로 변화2. 엉덩이, 허벅지 탄력엉덩이 업, 허벅지 군살 제거특히 여성에게 필요한 힙업 + 매끈한 다리 라인에 효과3. 근력 증가허벅지, 엉덩이, 종아리 + 복부, 등까지 함께 사.. grow grow item의 증가 너비 비율을 설정합니다. 숫자가 크면 더 많은 비율의 너비를 갖습니다. item이 가변 너비가 아니거나, 값이 0일 경우 효과가 없습니다. 기본값은 0입니다. flex-grow: 증가너비; 1 2 3 /* css */ .container{ border: 4px solid; display: flex; } .container .item { width: 100px; height:100px; background: tomato; border: 4px dashed red; border-radius: 10px; font-size: 30px; display: flex; justify-content: center; align-items: center; } item1만 1인 경우, item2, i.. order order item의 순서를 설정합니다. item에 숫자를 지정하고, 숫자가 클수록 순서가 뒤에 배치됩니다. 음수가 허용되고, order 숫자가 같은 경우에는 HTML상 배치가 우선시 됩니다. default 값은 0으로 order을 정하지 않는 경우에는 HTML상 배치로 작성됩니다. order: 순서; 1 2 3 4 5 6 /* css */ .container{ border: 4px solid; display: flex; } .container .item { width: 100px; height:100px; background: tomato; border: 4px dashed red; border-radius: 10px; font-size: 30px; display: flex; justify-conten.. justify-content justify-content: flex로 지정된 container 내부에 있는 item들을 주 축(main-axis)을 기준으로 정렬하는 방법입니다. 방법은 총 5가지로 아래와 같습니다. 1. justify-content: flex-start; (default) 2. justify-content: flex-end; 3. justify-content: center; 4. justify-content: space-between; 5. justify-content: space-around; 하나씩 설명하면서 예제를 보여드리도록 하겠습니다. 우선 기본 HTML과 CSS 입니다. /* CSS */ .container { border: 4px solid; display: flex; justify-content: ;.. align-content align-content: flex로 지정된 container 내부에 있는 item들을 교차 축(cross-axis)을 기준으로 정렬합니다. 주의할 점은 flex-wrap 속성을 통해 item들이 여러 줄이고 여백이 있을 경우만 사용할 수 있습니다. 방법은 총 6가지로 아래와 같습니다. 1. align-content: stretch; (default) 2. align-content: flex-start; 3. align-content: flex-end; 4. align-content: center; 5. align-content: space-between; 6. align-content: space-around; 우선 기본 HTML과 CSS 코드입니다. A B C D E F G /* CSS */ .con.. align-items align-items 교차 축에서 Items들의 정렬 방법을 설정합니다. Item들이 한 줄일 경우 많이 사용합니다. 주의할 점은 Item들이 flex-wrap을 통해 여러 줄(2줄 이상)일 경우에는 align-content 속성이 우선입니다. 따라서 align-items를 사용하려면 align-content 속성을 기본값으로 설정해야 합니다. 1. align-items: stretch; (default) 2. align-items: flex-start; 3. align-items: flex-end; 4. align-items: center; 5. align-items: baseline; - 글자의 문자열에 따라 정렬됨 align-items 는 align-content와는 다르게 각 줄에 따라 움직입니다.. background-attachment: fixed background-attachment nike 공식 홈페이지에 있는 이미지들을 배경으로 놓고 fixed 옵션을 적용해 보았습니다. section { height: 500px; } .section1 { background-image: url("https://static-breeze.nike.co.kr/kr/ko_kr//cmsstatic/structured-content/65250/211102_wlp_p6_bg.jpg"); background-size: auto 100%; background-position: right; background-attachment: fixed; } .section2 { background-image: url("https://static-breeze.nike.co.kr/kr/k.. 이전 1 2 3 4 ··· 12 다음
