I'm sw engineer!

https://darrengwon.tistory.com/130 Flexbox 제대로 활용하기 (flex-grow, flex-shrink, flex-wrap etc) Flexbox Froggy A game for learning CSS flexbox flexboxfroggy.com 이번에야말로 CSS Flex를 익혀보자 이 튜토리얼은 “차세대 CSS 레이아웃” 시리즈의 첫번째 포스트입니다. 이번에야말로 CSS Flex를 익혀보자 이번 darrengwon.tistory.com .flex-container { width: 550px; margin: 0px auto; display: flex; } .flex-item:nth-child(3) { margin-left: auto; } margin: 0px auto;..

https://codingfirst.kr/1442/ CSS기초(1) CSS 파일 넣는 방법 - 우선코딩 CSS 파일 넣는 방법 link 태그를 이용하기 위치 : head 태그 사이 link 태그는 현재 문서(HTML)와 외부 리소스(CSS, JavaScript..) 간의 관계를 정의할 때 사용합니다. @import 를 이용하기 @import url("css/style.css") codingfirst.kr 안에 안에 안에 @import

https://icolorpalette.com/color/111 검은색

https://cocoon1787.tistory.com/843 [CSS] CSS, SASS, SCSS 차이점, 사용방법 ⏲ TL;DR SASS와 SCSS는 CSS를 편리하게 사용할 수 있도록 하며 추가 기능 또한 있는 확장판 스크립트 언어 SASS, SCSS에서 기존의 CSS의 기능 부재 단점을 보완한 다양한 기능 추가 SASS는 들여 쓰기+줄 바 cocoon1787.tistory.com https://icecokel.tistory.com/20 SCSS 사용하는 이유, SCSS 장점과 실 사용 예제 안녕하세요. 오늘은 제가 사이드 프로젝트에 추가한 SCSS에 대해서 간략한 포스팅을 진행하겠습니다. SCSS 개념 및 장점 SCSS 사용방법 1. SCSS 개념 및 장점 CSS는 HTML 태그를 꾸미거나 효과..

https://nh0404.tistory.com/43 [html/css] 글자수 넘어가면 말줄임표 / 원하는 만큼의 줄만 보이게 하기 문장을 내가 지정한 영역 밖으로 못나가게 하거나 지정한 영역이 좁아 말줄임표를 사용해야하는 경우가 있습니다. 알라딘의 책 소개처럼 ! 이러한 경우 말줌임표를 ㅁ + 한자 키로 직접 입력해 nh0404.tistory.com .elps{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content justify-content - CSS: Cascading Style Sheets | MDN The CSS justify-content property defines how the browser distributes space between and around content items along the main-axis of a flex container, and the inline axis of a grid container. developer.mozilla.org

1. 캐시파일 삭제하기 2. css파일 첨부한곳에서 xx.css (파일이름 ) 뒤에 ?after붙이기 파일명을 새로하면 다시 다운받아서 적용시킴.

https://webclub.tistory.com/356 CSS의 7가지 단위 - rem, vh, vw, vmin, vmax, ex, ch CSS Unit (CSS 7가지 단위) 우리가 잘 알고 있는 CSS기술을 사용하는 것은 쉽고 간단할 수 있지만 새로운 문제에 봉착하게 되면 해결하기 어려울 수 있습니다. 웹은 항상 성장,변화하고 있고 새로운 webclub.tistory.com

1. Flexbox를 사용하여 요소를 수평 중앙에 정렬하려면 부모 요소에 display: flex 그리고 justify-content: center를 적용. 2. {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}

https://webroadcast.tistory.com/4 ::before ::after content에 대해 쌉 이해 가능 ::before ::after content에 대해 쌉 이해 가능 안녕하세요 웹로드케스트입니다. CSS3 가상요소 before, after를 활용한 예제와 content에 대해 쉽게 설명해드리겠습니다. 1. ::before, ::after 의 차이점 ::before - 선 webroadcast.tistory.com