🔥 TIL

참고페이지 https://www.jandi.com/landing/kr JANDI - AI로 진화한 메신저 기반 업무용 협업툴메신저의 잠재력을 깨운 AI 협업툴 잔디는 맥락 요약, 향상된 정보 검색 그리고 생성으로 개인과 조직의 생산성을 한 번 더 끌어올립니다.www.jandi.com sticky를 사용해 이미지 소개 페이지를 만들어 보았다.sticky가 쉬우면서도 어려운.. 속성 같다😵😵

접기/펼치기 버튼 내용입니다. 접기/펼치기 버튼 내용입니다.

보호되어 있는 글입니다.

보호되어 있는 글입니다.

참고 홈페이지 https://www.yuseong.go.kr/prog/trrsrt/TRSE_01/tour/sub02_01/list.do 기간 21.10.13 ~ 21.10.14 🔥 주의사항 🔥 불필요한 태그 빼기. 알맞은 태그 넣기. 디자인에 맞게 적용하기. 📌 [정리] 텍스트부터 채운다. font에서 부터 padding,margin을 끝으로 안에서 밖으로 작업한다. img의 경로가 잘못되거나 로딩이 안 될 경우, 대체 이미지를 넣어준다. img src="" onerror="this.src='대체이미지경로'" background-image 텍스트는 말줄임표를 넣어준다. 이미지 높이는 padding-top으로 만들어주고 그 안을 이미지로 채운다. .img { position: relative; paddin..

~ / + ~ :: 형제 중에 첫번째 요소 빼고 나머지 적용. + :: 형제 중에 첫번째 요소만 적용. nth-child() / nth-of-type() display: none 을 하면 n번째는 적용이 안된다.

보호되어 있는 글입니다.