오늘의 학습 범위

모사 코딩

【무료 연습 소재】 당신은 할 수 있습니까? 모사 코딩 팔 시험! | 도쿄 프리랜서 | 참고
htps : //에서. 코 m / 훗 f
(학습 시간: 6시간)

학습 메모

text-decoration 속성

{text-decoration: ○○;}텍스트 방선을 붙이는 방법, 색, 스타일을 함께 지정합니다.
텍스트 장식을 지우려면,{text-decoration: none;}하다

background-image 속성

{background-image: url(○○);}배경 이미지 지정

지금 있는 계층 구조 중 하나 위에 있는 계층 구조에 있는 파일을 작성하는 방법

../ファイル名

background-size 속성

{background-size: ○○;}배경 이미지의 크기 지정{background-size: cover;}그러면 이미지의 종횡비를 유지한 채로 표시 영역을 모두 채우는 크기로 표시된다.

기타

↓는 요전날 작성한 PC화면용이 이쪽.

다시 확인했는데, 헤더 부분의 메뉴에 링크가 붙어 있지 않았기 때문에, 추가했다.
그 후, 미작성이었던 스마트폰 화면용에 도전했다.

반응형 방법은
Progate · 도트 설치 모두 유료 회원이 아니면 열람 할 수 없었기 때문에,
모두 구구라고 만들었다.
코드가 길어져 버렸기 때문에, 다음 번은 좀 더 컴팩트하게 해 가고 싶다.