49,500원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 해결됨따라하며 배우는 HTML, CSS
profile__picture 사진 크기 조정
<header class="header"> <nav class="header__content"> <div class="header__buttons"> <a href="index.html" class="header__home"> <img src="assets/icons/logo.svg" alt="logo"> </a> </div> <div class="header__search"> <img src="assets/icons/search.svg" alt="search"> <input type="text" placeholder="Search..."> </div> <div class="header__buttons"> <a href="#none"> <img src="assets/icons/home.svg" alt="home"> </a> <a href="#none"> <img src="assets/icons/shop.svg" alt="shop"> </a> <a href="#none"> <img src="assets/icons/messenger.svg" alt="messenger"> </a> <div class="profile__picture"> <img src="assets/images/avatar.png" alt="user picture"> </div> </div> </nav> </header>.header { width: 100%; height: 44px; background-color: #FFFFFF; display: flex; justify-content: center; position: fixed; top: 0; left: 0; z-index: 2; border-bottom: 1px solid #DBDBDB; } .header__content { width: 100%; max-width: 975px; padding: 0 14px; display: flex; justify-content: space-between; align-items: center; } .header__logo { margin-top: 5px; } .header__search { width: 216px; height: 28px; display: none; align-items: center; position: relative; } @media (min-width: 768px) { .header__search { display: flex; } } .header__search img { width: 12px; height: 12px; position: absolute; top: 8px; left: 8px; } .header__search input { width: 100%; height: 100%; background-color: #FAFAFA; padding: 4px 10px 4px 28px; border: 1px solid #DBDBDB; border-radius: 4px; outline: none; font-size: 12px; /* 폰트 굵기 */ font-weight: 300; color: #999999; text-overflow: hidden; white-space: nowrap; } .header__search input:focus { color: #262626; } .header__buttons { display: flex; align-items: center; gap: 16px; } .profile__picture img{ width: 24px; border-radius: 50%; }css의 .profile__picture부분에서 저는 강의처럼 말고 뒤에 img를 넣어야지만 사진 크기가 조정되는데 img를 안붙혀도 되는 이유가 궁금합니다!
- 미해결따라하며 배우는 HTML, CSS
header태그
header라는 태그 자체가 있는데 class명을 주는 이유가 궁금합니다!! 따로 이유가 있을까요??
- 해결됨따라하며 배우는 HTML, CSS
<strong>과 같은 semantic 태그와 SEO, 실무의 사용이 궁금합니다!
관련해서 검색을 해보니, <strong>과 같은 sementic 태그는 의미를 부여하기때문에 검색엔진이 크롤링할때 영향을 끼친다는 말이 종종 보였습니다.그리고 mdn에서는 <b> 태그 대신 font-weight 혹은 강조의 의미를 넣은 <strong>을 사용하라고 나옵니다. 이에 대해 의문이 생겼는데요,1) 실무에서는 font-weight, <b>, <strong>을 어떻게 분배하는지 궁금합니다. 태그 사용도 SEO를 고려하나요?2) <b>대신 font-weight를 사용해야하는 이유가 궁금합니다.
- 미해결따라하며 배우는 HTML, CSS
도표 자료 pdf 파일로 아이패드로 어떻게 옮기나요?
도표 자료 pdf 파일로 아이패드로 어떻게 옮기나요?
- 미해결따라하며 배우는 HTML, CSS
창이 일정크기 이상 줄어들지 않아요
반응형으로 썸네일 그리드가 잘 변경되는지 확인하고 싶어서 이리저리 창 크기를 줄여봤는데 한 30~40퍼센트 이하로 줄어들지 않아요. 그리고 50퍼 정도 크기로 줄여도 1fr 1fr 1fr 형태가 아니라 계속 4개로 유지됩니다. 도대체 뭐가 문제인지 모르겠어서 소스코드 다운받은 그대로 작동시켜봤는데도 똑같네요... 뭐가 문제일까요?
- 미해결따라하며 배우는 HTML, CSS
단축키 관련 문의
19:00 부분 코드가 꺼지는? 비활성화? 시키는 단축키가 있는걸까요~?
- 미해결따라하며 배우는 HTML, CSS
search icon 오류
선생님 저는 왜 서치 부분이 이렇게 되는 걸까요?
- 해결됨따라하며 배우는 HTML, CSS
margin : unset;
unset을 하게 되면 어떤 margin이 적용되는 건가요??margin이 없어지는건가요??
- 해결됨따라하며 배우는 HTML, CSS
CSS 부분
CSS 부분에서 이런식으로 top 0 left 0 또는 right 0 이 추가되어있는데 적용하는 이유를 알 수 있을까요?? 수업내용을 놓친건가해서 다시봤는데 모르겠어서..ㅠㅠ
- 미해결따라하며 배우는 HTML, CSS
GO LIVE 관련
Server live를 다운로드 받고, Go live를 눌렀지만Server is Started at port : 5500Source: Live Server (Extension)이라고 뜨고 브라우저가 뜨지를 않네요! 인터넷에 검색해서 받은 피드백으로도 신통치못해서 문의드립니다!
- 미해결따라하며 배우는 HTML, CSS
styles.css go live 할때
styles.css 작성하고 그 시트에서 go live 누르면 디렉토리? 형식으로 뜨는데 이건 설정을 변경 못하나요?아니면 styles.css 이름이 다 동일하게 적용돼서 그런 건가요?
- 미해결따라하며 배우는 HTML, CSS
화면이 안 보입니다
인스타그램 사이트 만들기 - 기본 구조 생성하기 에서 2:20 - 3:00 정도까지 까만 화면만 보입니다.
- 미해결따라하며 배우는 HTML, CSS
유투브 아이콘
유투브 사이트 만들기에서 아이콘을 사용할 때svg파일로 img태그를 사용하는 것과구글 아이콘 사이트 link를 달고 아이콘 태그를 사용하는 것에성능 차이가 있나요?
- 미해결따라하며 배우는 HTML, CSS
유투브 사이트 만들기 질문
유투브 사이트 만들기 강의를 모두 수강했는데 유투브 썸네일을 클릭하면 해당 영상으로 이동하는 것은 a태그의 href 속성에 해당 영상 주소를 넣고 content에 img태그를 넣는 식으로 만들어도 되는건가요?실무에서는 어떤식으로 하는 궁금합니다! 프론트엔드 영역이 아닌건가요!
- 미해결따라하며 배우는 HTML, CSS
인라인 요소 질문
인라인 요소 공부하던 중에 질문이 있습니다...!11줄처럼 인라인요소를 작성한 것과 16~20줄처럼 인라인요소를 작성한 결과에서 출력이 차이가 납니다.1) 인라인요소는 너비 공간이 부족하면 줄바꿈이 되는 특징이 있는데 11줄과 같이 한줄에 인라인요소 작성시 줄바꿈이 되지 않고 스크롤이 생기는 이유는 뭔가요?2) 11줄의 세번째 a태그와 16~20줄의 3번째 a태그 부분이 출력된 화면을 보면 미세하지만 스페이스 하나 정도의 차이가 나는 것 같은데 html에서 enter는 스페이스로 출력되는건가요?
- 미해결따라하며 배우는 HTML, CSS
뭐가뭔지...하나도 안나와요
강의시작 눌렀는데 까만 화면만 나오네요소스받기등은 눌러봐도 빈 압축폴더만 다운로드 되고요진행관련 자세하게 방법을 알려주면 좋으련만...
- 미해결따라하며 배우는 HTML, CSS
코드소스자료가 없어요 ㅠㅠ
- 미해결따라하며 배우는 HTML, CSS
강의 하시는 자료는 어디서 다운 가능한가요?
필기하고 싶은데 자료를 못 찾겠네요 ㅜㅜ
- 미해결따라하며 배우는 HTML, CSS
go live 관련
강사님 하시는 거 보면 go live가 즉각적으로 반응되는데 그렇게하려면 어떻게 하는 건가요?
- 미해결따라하며 배우는 HTML, CSS
교재 내용
강사님이 올려주신 교재 파일과 동영상에 나오는 교재 내용이 다른 건가요??