멋사TIL CSS 밴딩머신 만들기 코드리뷰 내가 작성한 코드를 해부 당하는 것,.? ul > li 안에 마크업을 <p>로 해주었었다. 해주면서도 li 안에 button을 써주는게 맞을 것 같았지만,,, button 안에 <p> 태그가 들어가면 안된다는 것이 생각이 나서 그냥 1,000원 부분만 button으로 마크업 해주었었다. button 안에 p 태그를 쓸 수 없는 이유는 p 가 block 요소이기 때문이다 ! p 가 안된다면 I... CSS멋사TILhtmlCSS CSS 실무테크닉 & 레티나 대응법 IR 기법은 디자인적으로 보이진 않지만 스크린리더나 브라우저를 위해 정보를 전달하는 텍스트를 html 곳곳에 숨겨두는 방법을 말한다. 위 로그인 폼 디자인에서 input 으로 checkbox 를 만들고 label 에 백그라운드 이미지를 부여했다. [IR 기법 사용전] [IR 기법 사용후] 이 외에도 IR 기법은 다른 쓰임이 있다. 중요한 이미지가 있을 때 이미지 off 시 에도 대체 텍스트를... CSS멋사TILCSS [CodeLion] Git & Github 🦁 Git : 분산 버전 관리 툴 이때, 코드 뿐만 아니라 코드의 변경 내역까지 모두 가져올 수 있는 버전 관리 도구이다. Setting -> Pages -> main-> save -> 나의 페이지 생성 완! git 의 메인 브런치 = master 일단 저장소(git-test)를 만들어 보자 🤚 여기서 잠깐 아래 그림을 보면 git pull -> git add . -> git commit ->g... 멋사TIL멋사TIL 04.HTML-블록요소 VS 인라인요소 Block Level 요소란? : 하나의 독립된 덩어리로 화면의 가로 폭 전체를 차지하는 요소 블록요소는 블록요소와 인라인 요소 모두를 포함할 수 있다. <article> , <header>, <nav>, <section>, <div> 등 Inline Level 요소란? : 컨텐츠 자신의 크기만큼 영역을 차지하는 요소. 인라인 요소들은 인라인 요소만 중첩이 가능 <span>,<strong> ... CSShtml멋사TILCSS 03.HTML-Tabular Data : 테이블 형성 . 하나의 테이블 정의 컨테이너 요소로써그 내부에는 제목(caption)과 하나의 행(tr), 열(col) 그리고 셀(td)과 셀의 제목(th)이 자식으로 사용된다 테이블의 제목이나 설명 , 테이블 첫번째 자식으로 사용해야한다 테이블의 크기는 자식컨텐츠에 달려있다. 1-3.<tr>, <th>, <td> <tr> : 테이블의 행을 나눌 때 사용 <td> : <tr> 태그로 나눈... html멋사TILhtml
CSS 밴딩머신 만들기 코드리뷰 내가 작성한 코드를 해부 당하는 것,.? ul > li 안에 마크업을 <p>로 해주었었다. 해주면서도 li 안에 button을 써주는게 맞을 것 같았지만,,, button 안에 <p> 태그가 들어가면 안된다는 것이 생각이 나서 그냥 1,000원 부분만 button으로 마크업 해주었었다. button 안에 p 태그를 쓸 수 없는 이유는 p 가 block 요소이기 때문이다 ! p 가 안된다면 I... CSS멋사TILhtmlCSS CSS 실무테크닉 & 레티나 대응법 IR 기법은 디자인적으로 보이진 않지만 스크린리더나 브라우저를 위해 정보를 전달하는 텍스트를 html 곳곳에 숨겨두는 방법을 말한다. 위 로그인 폼 디자인에서 input 으로 checkbox 를 만들고 label 에 백그라운드 이미지를 부여했다. [IR 기법 사용전] [IR 기법 사용후] 이 외에도 IR 기법은 다른 쓰임이 있다. 중요한 이미지가 있을 때 이미지 off 시 에도 대체 텍스트를... CSS멋사TILCSS [CodeLion] Git & Github 🦁 Git : 분산 버전 관리 툴 이때, 코드 뿐만 아니라 코드의 변경 내역까지 모두 가져올 수 있는 버전 관리 도구이다. Setting -> Pages -> main-> save -> 나의 페이지 생성 완! git 의 메인 브런치 = master 일단 저장소(git-test)를 만들어 보자 🤚 여기서 잠깐 아래 그림을 보면 git pull -> git add . -> git commit ->g... 멋사TIL멋사TIL 04.HTML-블록요소 VS 인라인요소 Block Level 요소란? : 하나의 독립된 덩어리로 화면의 가로 폭 전체를 차지하는 요소 블록요소는 블록요소와 인라인 요소 모두를 포함할 수 있다. <article> , <header>, <nav>, <section>, <div> 등 Inline Level 요소란? : 컨텐츠 자신의 크기만큼 영역을 차지하는 요소. 인라인 요소들은 인라인 요소만 중첩이 가능 <span>,<strong> ... CSShtml멋사TILCSS 03.HTML-Tabular Data : 테이블 형성 . 하나의 테이블 정의 컨테이너 요소로써그 내부에는 제목(caption)과 하나의 행(tr), 열(col) 그리고 셀(td)과 셀의 제목(th)이 자식으로 사용된다 테이블의 제목이나 설명 , 테이블 첫번째 자식으로 사용해야한다 테이블의 크기는 자식컨텐츠에 달려있다. 1-3.<tr>, <th>, <td> <tr> : 테이블의 행을 나눌 때 사용 <td> : <tr> 태그로 나눈... html멋사TILhtml