space-between
-
카카오톡 클론 코딩 #18 친구목록_행이거 공부 했더니 어때?/HTML & CSS & JS 2020. 11. 24. 01:34
프로필사진, 닉네임, 상태메시지, 우측열의 형태로 구성되어 있는 친구목록_행은 친구창, 채팅창, 더보기창에서 모두 쓰이고 있습니다. 따라서 창마다 CSS를 만들 필요 없이, 친구목록_행에 필요한 CSS를 하나만 만들어 줄 수 있습니다. 이번 포스트에서는 친구목록_행을 구성한 다음, 복사-붙여넣어 주는 방식으로 수정해 보도록 하겠습니다. 그럼 friends.html의 친구목록_행인 friends_friend friend friend--lg를 복사하여, index.html의 친구목록_행 시작부분에 붙여 넣은 다음, 내용과 class명을 맞게 고쳐줍니다. 그리고 친구목록_행에 적용시킬 friend.css를 만들고 @import를 시켜 줍니다. 배경색을 주면, frined.css에 적용되는 수많은 친구목록_행을..