[웹 프로그래밍 패스] 1주차 주간 과제
Sign in to Google to save your progress. Learn more
Email *
제출자명 *
★회원가입/신청하실 때 작성한 이름을 작성해주세요. 띄어쓰기가 포함되거나 오타가 있으면 제출 처리에 오류가 발생할 수 있습니다.★
참여 월/요일/시간대 (ex. 10월/화요/10시) *
온라인 모임이 없는 스터디의 경우 스터디 시작한 월만 적어주세요! (ex. 11월)
HTML 속성 중 id와 class가 어떻게 서로 다르게 사용되는지 설명해 주세요.
왼쪽 HTML에서 오른쪽 아웃풋 같은 결과를 만들기 위해서 어떤 CSS 코드가 추가되어야 할까요? ("첫번째 ~ 네번째 단락입니다" 가 모두 빨간색입니다)
Captionless Image
왼쪽 HTML에서 오른쪽 아웃풋 같은 결과를 만들기 위해서 어떤 CSS 코드가 추가되어야 할까요? ("두번째 단락입니다" 만 빨간색입니다)
Captionless Image
왼쪽 아웃풋은 3개의 div인 first, second, third가 세로로 나란히 있습니다. 이 아웃풋을 오른쪽 아웃풋처럼 가로로 적절하게 배치되게 하려면, CSS에 어떤 코드를 추가하는 것이 적절할까요? *
Captionless Image
CSS Flexbox에서 justify-content 속성을 사용했을 때 나타나는 효과입니다. (1) ~ (6)까지 들어갈 속성값을 적어주세요.
Captionless Image
CSS Flexbox에서 align-content 속성을 사용했을 때 나타나는 효과입니다. (1) ~ (6)까지 들어갈 속성값을 적어주세요.
Captionless Image
LESS의 variables, mixins을 1번 이상 사용해 아래 CSS를 변경해 주세요. LESS를 적용해 수정한 CSS를 제출해 주시면 됩니다. 첨부한 이미지의 HTML, CSS는 https://www.edwith.org/htmlcss/lecture/16621/ 에서 확인하실 수 있습니다. (CSS는 복사해서 붙여넣으셔도 되고, CSS 파일의 링크를 제출해주셔도 됩니다) *
Captionless Image
(1), (2)를 CSS의 transform 속성을 사용하여 Output이 동일하게 표현되도록 변경하세요. 수정한 CSS를 제출해 주시면 됩니다. (CSS는 복사해서 붙여넣으셔도 되고, CSS 파일의 링크를 제출해주셔도 됩니다) *
Captionless Image
A copy of your responses will be emailed to the address you provided.
Submit
Clear form
Never submit passwords through Google Forms.
reCAPTCHA
This content is neither created nor endorsed by Google. Report Abuse - Terms of Service - Privacy Policy