웹 (21) 썸네일형 리스트형 웹 _ 024일차 [Font Awesome] https://fontawesome.com/ Font AwesomeThe internet's icon library + toolkit. Used by millions of designers, devs, & content creators. Open-source. Always free. Always awesome.fontawesome.com 공부위키 2024-08-16다중선택자티스토리같은 블로그 작성 사이트https://velog.io/크롬 탭에 항상 켜져있어야 하는 것수업페이지(13684)HTML 페이지(13144)위키코드몽키코드펜122강 숙제2024-08-19이미지는 ctrl + shift + C 눌러서 우클릭하면새탭에서 열기 누르고 뜨는 페이지 주소를 복사해서html에 img (tab)쓰고 붙여넣기하면 삽입된다.테일윈드:자동으로 노멀라이즈, 자동으로 라이브러리margin left: auto; margin right: auto;이 두가지를 한번에 쓸 수 있게 mx-어쩌구가 있었다.오늘자(2024/08/19)12강 들어가서 혼자 힘으로 완성을 해야합니다.테일윈드 들어가서 어쩌구시작 소스코드와 테일윈드 틀어놓고 진행하기( 난 자신 없다 생각들면 정답.. 웹 _ 022일차 숙제118강 (3차 메뉴 만들기)10분 안에 끝내기 (무조건 연습만이 답) 122강 (일부는 고정너비, 일부는 유동적인 유연한 레이아웃) 영상 보고 따라하기 (여러분들을 위해 html과 css컬러 정도를 넣어놓은 코드가 있으니 그걸로 하면 편할거예요)잘 안되거나 모르겠으면 개구리 5~6번 풀어보세요 웹 _ 021일차 [자식, 동생, 후손, 인접동생, 전체 선택자] 60강~)https://flukeout.github.io/ CSS DinerA fun game to help you learn and practice CSS selectors.flukeout.github.io27단계까지----------------------------------------------------111강 튜토리얼 1~10단계 a의 자식으로 ul이 들어가면 안됨 a와 ul은 형제지간으로 들어가야함 div > a 자식선택자 div a 후손선택자(띄어쓰기) div ~ a 동생선택자 div + a 인접동생선택자 div * a 태그 구분 없이 섹션의 자식이기만 하면 선택하겠다 후손(띄어쓰기)은 섹션 안에 있는 네비라고 생각하면 편함 :only-child 형제 없는 엘리먼트 .. 웹 _ 020일차 [코드몽키 / 메뉴바 만들기 훈련] ↓밑에 두줄씩은 같은 의미이다step 100monkey.step 100 monkey.say(right) say right monkey.turn(right) monkey.turn(-90) a의 display는 inlineinline은 너비, 높이, 패딩, 마진 다 안먹음 a에 패딩을 줄거면 display를 block이든 inline-block이든 바꿔줘야함 ul>li*3[href="#"]{메뉴아이템$} --> https://app.codemonkey.com/courses CodeMonkeyCodeMonkey is a fun online game that teaches you how to code. Real world programming language. Write code. Catch bananas. S.. 웹 _ 019일차 [희성T 첫 수업] 오늘 수업 때 82강 & 103~110강 해봤음120강에 재밌는 게임도 있음http://www.flexboxdefense.com/ Flexbox DefenseYour job is to stop the incoming enemies from getting past your defenses. Unlike other tower defense games, you must position your towers using CSS!www.flexboxdefense.com [ section, div, article, nav ] 다 같은 말이지만 좀 더 어울릴 것 같은 걸 입혀줘라 하는 권장사항이지 절대적인건 아님div로만 모든걸 만들어도 되긴 함 https://www.slog.gg/p/13684#f - 수업페이지 주.. 웹 _ 018일차 [GS에너지 상단바 구현] html> lang="ko"> class="top-bar"> class="logo-box"> src="image/logo_g 1.png" alt="로고 이미지"> class="menu-box"> li*6>a[href="#"].fw-700.fs-19.fc-222 --> href="#" class="fw-700 fs-19 fc-222">Company href="#" class="fw-700 fs-19 fc-222">ESG Management href="#" class="fw-700 fs-19 fc-222">Beyond href="#" class="fw-700 fs-19 fc-222">Busin.. 웹 _ 017일차 [폰트관련 정보] 영문폰트 먼저 쓰고 한글폰트 쓴 후 sans-serif를 써야한다 빈공간에 우클릭하고 코드로 열기를 해야한다 폰트를 바꾸려면 주석, 이름, 웨이트 세가지를 바꿔야함 [언스플래쉬]- 상업적으로 이용 가능한 무료 이미지 사이트ㄴ 포트폴리오에서도 사용 가능ㄴ 원본 이미지를 확인할 수 없도록 합성된 상태만 상업적으로 사용 가능하다.- 브랜드 상표나 사람 얼굴 인식이 가능한 이미지는 저작권이 따로 되어있기 때문에 사용하지 않는것이 좋다. [이미지 태그]- src=""값으로는 이미지 경로는 사용할 수 있다.ㄴ 파일 폴더 경로ㄴ url주소- 이전 1 2 3 다음
