html, css

html5와 css3에서 float을 쓸일은 아마도 거의 없을 것이다display: flex와 display: grid로 해결이 안되는 것을 나는 아직까지는 본적이 없다그럼에도 우리가 float을 사용하고있는 사이트를 왕왕접하는 이유는 flex와 grid를 부분적으로

flexbox에 관한 내용을 다뤄보려고 한다이를 위해서는 먼저 inline-block에 대해 알아야 할텐데block과 inline의 성질을 둘 다 갖는 것이라고 이해하면 되는데 예를들면htmlcss각각 위와 같이 입력하면위와 같이 원치않은 빈공간들이 생긴다나는 marg

오늘은 display: grid에 대해 알아볼텐데 처음으로는 왜 grid가 필요한지에 대해 알아보자flexbox는 격자모양을 만들때 지정해 줘야 할 것이 너무 많다 예를들면htmlcss이렇게 5개의 div가 있으면 justify-content와 align-content

오늘은 SCSS에 대해 배워보자SCSS는 기본적으로 CSS preprocessor다그말은 scss를 compile해서 css처럼 만든다는 얘기다scss는 점점 업계의 표준이 되어가고있고 css에는 없는 너무 좋은 것들이 많아 마치 css를 programming lang

포트폴리오의 header를 position: fixed로 고정시키고 anchor에 \`href="reference· How to prevent anchor links from scrolling behind a sticky header with one line of CS