hover3 CSS 복습 2 Active,hover,focus,focus-within,visited Active - 해당 요소를 마우스로 클릭했을 때 효과를 적용시킨다. hover- 마우스가 해당 요소 위를 지나갈 때 효과를 적용한다 . focus- 키보드로 선택되었을 떄 효과를 적용한다. focus-within 부모 요소에게 적용한다. 자신의 자식 요소 중 하나가 focused 되었을 때 효과를 적용한다. visted 방문한 사이트일 경우에 효과를 적용한다. placeholder= placeholder를 직접 꾸밀 수 있게 해준다, (조건을 적용하는 : 과 차이) selection= 드래그해서 블럭했을 때 꾸밀 수 있다! firstletter = 첫 문자만 꾸민다. firstline= 첫 번째 줄만 꾸민다. Color color는.. 2022. 11. 13. 미니프로젝트 4일차 오늘은 미니프로젝트 4일이 되는 날이다. 오늘은 기본적인 뼈대와 개인페이지에 CSS를 채우고 간단한 API를 적용시키는 것을 해봤다. 방명록처럼 이름과 코멘트를 달면 밑으로 댓글들이 달리는 기능과 댓글을 삭제 할 수 있는 버튼을 구현 시켜 보았다. 한번 공부했던 내용이여서 어느정도 할 수 있겠다 생각했는데 막상 실전에 다가가니 어디부터 뭘 해야할지 모르고 방황만 했다. 결국 전에 사용했던 방명록에서 코드를 가져와 안에 있는 코드들만 조금씩 수정했는데도 오류가떠 많은 어려움을 겪었다 ㅠㅠ 오랜시간 팀원들과 상의하에 결국 어느정도 성공을 했고 성취감은 엄청 컸다 !! 또 개인페이지를 만들면서 디자인에 많은 어려움을 겪고 있었지만 팀원중에 디자인 쪽으로 실력이 훌륭하신 분이 있어서 쉽게쉽게 이어 나갔다! 오늘.. 2022. 11. 3. 미니 프로젝트 3일차 오늘은 미니 프로젝트한지 3일차다 !! 팀원들가 모여서 만든 뼈대를 가지고 CSS를 통해 세부적인 디자인과 구상을 마치고 뼈대를 채워넣기 시작했다. 첫번째로 각자만의 파스톤 색깔을 정해 구성원들을 소개하는 카드를 만들었고 hover를 이용해 카드위에 마우스 커서를 올리면 각자 카드의 소개를 볼 수 있게 적용해 보았다. 또 카드에 해쉬태그를 달아 각자 구성원들의 특징들을 소개했다. 처음에 카드 위치설정하는 것과 분단 나누는거에 어려움을 겪었으나 팀원들가 협동하여서 맞춰 나갔고 오늘 한번 더 느낀점으로 Html,Css 가 쉬워보여도 쉬운게 아니였고 다시 공부해야 겠다는 생각을 많이 했다. 미니 프로젝트를 통해 팀원들과 더 돈독해진거 같은 하루였다. 카드소개 디자인 2022. 11. 2. 이전 1 다음
