YUYANE

학습강의 nomadcoders.co/kokoa-clone/lobby :root 사용법 :root{ --main-color: #fcce00; --default-border: 1px solid var(--main-color); } a{ color: var(--main-color); border: var(--default-border); }

학습강의 nomadcoders.co/kokoa-clone/lobby block : not come to the next - 높이와 너비가 있음 - 특징 : margin, padding, border inline : in the same line - 대표: , , - 높이와 너비를 가질 수 없음 - padding은 상하좌우 적용 가능 - margin은 좌우만 적용 margin: vertical horizontal margin: top right bottom left collapsing margin - 두 박스의 경계가 같을 때 두 박스의 경계를 하나로 봄 - 수직 방향으로만 일어남 id는 unique 해야함 class는 여러 곳에서 사용 가능 inline-block - block처럼 높이 너비 margin..

coolors.co/ Coolors - The super fast color schemes generator! Generate or browse beautiful color combinations for your designs. coolors.co

과제 결과 과정 div 가 만만했던 나는 div를 무진장 활용해서 만들었다.. .colors{ display: flex; flex-direction: row; justify-content: center; } .colors>div{ height: 320px; width: 200px; margin: 10px; } .colors>div:first-child{ background-color: #ef798a; } .colors>div:nth-child(2){ background-color: #f7a9a8; } .colors>div:nth-child(3){ background-color: #613f75; } .colors>div:nth-child(4){ background-color: #e5c3d1; } .colo..

Reset CSS 브라우저의 역할 HTML 언어를 번역해서 유저에게 보여준다. 대표적인 브라우저로 IE, Firefox, Chrome, Safari, Opera가 있다. 그런데, 브라우저들은 보여주기 방식에 있어서 서로 다른 기본값을 사용하고 있다 예를 들어, margin 이나 padding을 적용했을 때 브라우저마다 보이는 방식이 다름 RESET 개념의 도입 모든 브라우저에서 통일 된 화면을 볼 수 있도록, 기본값을 초기화 시킴 RESET 코드 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, e..

BEM(Block Element Modifier) CSS 개발 방법론 중 하나. 클래스의 이름을 지을 때 요소에 대한 속성에 근거하는 이름으로 짓는 것 ex. state-bar__column ex. block__element--modifier ID에는 사용 불가. 오직 클래스명에만 활용 가능하다. 1) Block 전체를 감싸고 있는 블럭 요소 header, nav, article, footer 등 클래스 어근을 형성하며 항상 맨 앞에 위치 2) Element 블럭이 포함하고 있는 한 조각 각 요소는 두개의 밑줄표시(__)로 블럭 다음으로 연결하여 위치시킴 3) Modifiers 기능 블럭 또는 요소의 속성으로 블럭/요소의 외관이나 상태를 변화 시키는 것 4) 장점 클래스명의 중복 방지 직관적 전체 DOM..

:not(selector) 괄호 안의 선택자를 제외한 요소에 스타일을 적용시키고 싶을 때 사용한다. 예시 #login-form input:not([type="submit"]){ } 해석 input 타입이 'submit'이 아닐 때에만 해당 스타일이 적용됨