console.log("CAPABLE");

종강 이후로 다시 하려고 codedamn 30 days of html css 챌린지를 들어갔더니 챌린지 Day16밖에 안보인다..뭔가 변해있다. 그래서 다시 재가입을 해도 Day16 밖에 없지만 그냥 하려고 한다. Codedamn Learn stat_minus_1 Practice stat_minus_1 Company stat_minus_1 Pricing Login Get started * { margin: 0; padding: 0; box-sizing: border-box; } @import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;700;600;&display=swap"); /* #18181b - NavBar Background Col..

1 2 3 4 5 6 7 8 9 이 코드를 작성하면서 실수했던 점이 있다. class에는 .을 작성해야 했는데 #을 입력해 grid의 배경색이 안나타났다. 순간 아무리 찾아도 틀린게 없길래 #으로 작성했던 것이다. class는 . 을 작성해야한다. (헷갈릴것도 아닌데 ㅎㅎ..) gird 속성을 까먹다 보니 앞서 했던 예제들에 비해 시간이 좀 걸리긴 했다. 다시 정리해야겠다. https://codedamn.com/challenge/30-days-of-html-css 30 Days of HTML CSS - Codedamn Level up your coding skills with a daily coding challenge. Compete and share your progress every day and ..

Codedamn CSS Lab text-shadow : offset-x offset-y blur-radius color https://developer.mozilla.org/en-US/docs/Web/CSS/text-shadow https://codedamn.com/challenge/30-days-of-html-css 30 Days of HTML CSS - Codedamn Level up your coding skills with a daily coding challenge. Compete and share your progress every day and become a better developer. codedamn.com

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ipsum velit natus maiores eum, incidunt libero. Porro, harum. Corrupti at porro, deleniti eveniet ipsa, quasi recusandae velit exercitationem assumenda asperiores perspiciatis! /* Add your styles here */ #container { width: 300px; } #text { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } white-space 속성은 요소가 공백을 처리하는 법을 나..

This is my sample figure caption figure태그가 무엇인지 딱 안떠올랐다. figure 태그는 독립적인 콘텐츠를 설명하는 태그라고 한다. figure 태그로 figcaption 태그를 감싼다. figcaption 태그는 제목이나 설명글을 나타낼 수 있다. https://recordoftheday.tistory.com/entry/HTML-%EB%AA%A9%EB%A1%9D%EC%9D%84-%EB%A7%8C%EB%93%9C%EB%8A%94-%ED%83%9C%EA%B7%B8 [HTML] 목록 요소 | 표를 만드는 순서 목록 요소 태그? 점으로 표시되는 목록, 정렬되지 않은 목록 태그? 목록 만들기 태그를 사용하고 태그를 사용한다. 순서 없는 목록의 경우, 각 항목앞에 작은 원이나 사각..

https://recordoftheday.tistory.com/entry/CSS-Position%EC%9C%84%EC%B9%98-%ED%8A%B9%EC%84%B1 [CSS] Position Property(위치 속성) 위치 특성 위치 특성은 문서 내에서 요소의 위치를 설정하는 것이다. 중요한 점은 이 특성이 설정한 위치에 따라서 4개의 다른 특성인 top, right, bottom, left이 결정된다는 것이다. 위치 특성으로 사 recordoftheday.tistory.com https://codedamn.com/challenge/30-days-of-html-css 30 Days of HTML CSS - Codedamn Level up your coding skills with a daily codin..

/* Write your CSS here */ #square { background-color: #d6ccc2; width: 100px; height: 100px; } #circle { background-color: #f5ebe0; width: 100px; height: 100px; border-radius: 50%; } https://codedamn.com/challenge/30-days-of-html-css 30 Days of HTML CSS - Codedamn Level up your coding skills with a daily coding challenge. Compete and share your progress every day and become a better developer. co..

HTML Input Types form 태그를 이용해서 input 태그들을 작성했다. form 태그는 폼을 만드는 가장 기본적인 태그이다. input 태그를 이용한 이유는 폼에서 사용자 입력을 받기 위해 사용하는 태그이다. input 태그에서 가장 중요한 속성은 type과 placeholder이다. placeholder는 입력란의 임시 텍스트릴 지정하는 속성이다. br태그를 이용해서 값들을 띄었다. https://recordoftheday.tistory.com/entry/HTML-%ED%8F%BC%EA%B3%BC-%EA%B4%80%EB%A0%A8%EB%90%9C-%ED%83%9C%EA%B7%B8%EB%93%A41 [HTML] 폼 태그 | input 태그 | label 태그 폼(form) 태그 폼? 사용자..

Page Header Youtube Naver Google Main Content Footer Day 01은 시멘틱 HTML 구조의 이해를 돕기 위해서 HTML 코드만 작성하면 된다. 다만 영어를 이해하는데 시간이 걸리뿐 특별한 어려움은 없었다. https://codedamn.com/challenge/30-days-of-html-css 30 Days of HTML CSS - Codedamn Level up your coding skills with a daily coding challenge. Compete and share your progress every day and become a better developer. codedamn.com