HTML과 CSS

html 로 페이지 만들어보기 완성 페이지 보기

완성 페이지로 이동index.html\`main.css\`\`

설명display: flex; 와 justify-content: space-around 를 적용하고a태그마다 hover 이벤트를 걸어줌.header의 우측 a태그 모음 부분에서 "|" 해당 텍스트를 span으로 감싸고 flex-space-around를 적용함설명처음에는

header부트스트랩에서 nav 가져와서 입맛대로 변경 해보기.carousel부트스트랩에서 carousel 가져와서 입맛대로 변경 해보기. (존잘최고)main text - cardmain text - reset.css를 수정할 필요가 있음을 느낌.card - 사이즈가

css에서 box-sizing: border-box; 로 두고 하면 padding값이나 border값이 늘어나도 내가 설정한 width와 height가 변화하지 않고 유지된다.css position은 기본 relative 이다.position: absolute위치를 b

Syntacically Awesome StyleSheetsStyleSheet languageCompiled to CSS효율성에 집중된 css 적용언어7폴더 1파일폴더 - abstracts변수나 함수, mixin, placeholder가 최상단폴더 - base리셋, 정규

flex box 강의에서 추천해준 게임형식으로 flex box를 익힐 수 있는 사이트.많이 어렵지도 않고 flex 익숙해지기 아주 좋은 사이트이다.\*\*Flexbox Froggy 링크(https://flexboxfroggy.com/문제는 설명에 답이 나와있는

모범답안