0=2

이번 주차부터는 스터디원들과 HTML, CSS를 이용해서 웹사이트를 클론 코딩하기로 했습니다.선정한 웹사이트는 음원 스트리밍 서비스 FLO입니다.FLO 홈페이지중앙에 음악 앨범들이 길게 나열되어 있는 것이 특징적이라 이 부분을 구현해보고 싶다는 팀원들의 의견으로 선정하게 되었습니다. html 구조웹 페이지의 레이아웃을 살펴보고 그에 맞게 역할 분배를 진행했습니다.header & 네비게이션 바mainfooter main에서 아래로 길게 반복되는 앨범 부분은 2명의 팀원이 담당하기로 하고,상단에 있는 좌우로 슬라이드할 수 있는 음악 리스트는 header를 담당한 팀원이 구현하기로 했습니다.저는 footer를 담당했습니다.규칙1. 원본 사이트 소스 코드 보지 않기2. 요소들의 크기, 폰트 등을 맞추기 위해 크..

1주차에 풀었던 HTML 예제와 같이 CSS도 예제 실습을 진행하였습니다.아래 링크에서 최하단의 Quiz를 직접 구현했습니다.실습 예제 모음 | CSS 프로그래밍 기초Quiz-1) 소스코드 설명 페이지 만들기코드html CSS Quiz-1 Department: Computer Engineering Student Name: Hong Kil Dong Student ID: 20191029 Example Hello World Lorem ipsum... Try it Yourself >> cssh1 { color: white; text-align: cen..

2주차에는 CSS 개념을 공부하고 퀴즈를 풀어보았습니다.퀴즈w3schools - CSS 퀴즈HTML 퀴즈에 비해 문제 수는 적었습니다. 난이도는 비슷한 것 같습니다.오답 풀이/* CSS 주석 */ text-transform: 대문자로 또는 소문자로 바꾸는 속성none : 입력된 그대로 출력합니다.capitalize : 단어의 첫 번째 글자를 대문자로 바꿉니다.uppercase : 모든 글자를 대문자로 바꿉니다.lowercase : 모든 글자를 소문자로 바꿉니다.initial : 기본값으로 설정합니다.inherit : 부모 요소의 속성값을 상속받습니다.  padding은 속성값으로 음수를 허용하지 않고, 설정을 무시하거나 초기 값 혹은 디폴트 값인 ‘0’으로 해석하기도 합니다. list-style 속성li..