Enjoy Programming

자 이번 시간엔 네브바도 끝났으니 2번째 페이지의 헤더를 만들어 보자 간단하다 header 태그를 만들어주고 타이틀 h1태그랑 div 박스 하나 만들어주고 그안에 아이콘 세개 넣을 span태그 세개 만들어준당 머 똑같이 fontawesome에서 아이콘 가지고 오고 ~기본 html을 작성 해준다. 이제 css로 박스들을 인라인 블럭으로 만들어 줄테니 flex를 해주고 역시 space-between으로 간격을 준다. 그리고 정렬이 제대로 안되니 align-items로 cross axis를 센터로 정렬해준다 클론할 간격을 맞추고 타이틀 글자 맞추고 아이콘 간격 마진값을 설정해준다. 간단한 작업이었당. 음 그리고 페이지 마다 자주 사용되는 레이아웃은 components로 설정하고 개별로 사용하는 부분은 scre..

not연산자가 나온다. 앞선 포스팅에서 의문점을 여기서 교육적으로 해결 해 주신다. awesome! developer.mozilla.org/ca/docs/Web/CSS/:not :not() - CSS | MDN :not() La pseudo-class CSS :not() representa elements que no coincideixen amb una llista de selectors. Atès que impedeix que es seleccionin elements específics, es coneix com a pseudo-class de negació. :not(p) { color: blue; } Notes: Els selectors inú developer.mozilla.org 간단하게 n..

시작하기에 앞서 기본적으로 브라우저가 알아서 html에 css를 적용시키게 되는 게 몇 개 있다. 이를 해결하기 위해 reset.css를 사용 간단하다 meyerweb.com/eric/tools/css/reset/ CSS Tools: Reset CSS CSS Tools: Reset CSS The goal of a reset stylesheet is to reduce browser inconsistencies in things like default line heights, margins and font sizes of headings, and so on. The general reasoning behind this was discussed in a May 2007 post, if you're inter ..