나홀로 메모장

BBOrong_22·2022년 4월 4일

스파르타 원정

목록 보기
11/52

🎈아래 링크처럼 만들기

https://s3.ap-northeast-2.amazonaws.com/materials.spartacodingclub.kr/web101/week01/08.+%EB%82%98%ED%99%80%EB%A1%9C%EB%A9%94%EB%AA%A8%EC%9E%A5%ED%8B%80.html

🎈글씨부터 복붙으로 바꿔준다.

card-colums밑에 card div들중 하나만 남기고 삭제한뒤
남은 하나를 고쳐준뒤 복붙해주면 되겠다.

🎈card-title에 "여기 기사제목이 들어가죠"를 링크로 바꿔줘야하니,

<h5>가 아닌 <a>로 바꿔준다.
나머지 네이버 링크를 걸어야 하는 부분은 example.html에서 복붙해온다.
나머지 글 더 들어가는 부분도 위에 p문단을 복붙하고 들어갈 텍스트를 복붙해온다.

🎈그런데, 마지막 문단은 파란글씨가 들어가고 글씨가 더 굵다.

그러면 중첩을 써주면 되겠다.
style에서 .comment로 color 지정을 해주고
css 폰트 굵기 구글링 👉font-weight: bold;
"여기에 코멘트가 들어갑니다" <P class="card-text">
여기에 <P class="card-text comment">로 중첩을 시켜준다.

🎈구글폰트를 이용해 글씨체 바꿔준다.

🎈카드만 다시 여러장 붙여놓으면 끝난다.

하나 남은 div card를 접어주고
5장 복붙해준다.

💡태그가 많아져서 헷갈려지니까

정렬을 잘해주고 태그의 짝이 맞는지 유의하면서 만들면 좋다.

profile
아 스파르타 복습해야한다..

0개의 댓글