HTML / CSS

오늘 배운 명령어 중, 기존에 알지 못했던 것들을 적어본다.현재 위치한 디렉토리에 새로운 디렉토리(폴더)를 생성한다.위의 명령어를 이용하면 현재 위치에서 "css", "js"와 "assets" 라는 폴더를 새로 생성하는 동시에, 생성한 폴더 "assets"디렉토리 내부

초안 -> 작업 초안 -> 권고 후보 -> 최종 권고안 -> 권고안아이디 사용법(Unique) : 폼에서 많이 사용, 한 개의 아이디는 단 한번만 사용 가능하다.(중복 불가)클래스 사용법(중복, 복수적 사용가능) : div에서 많이 사용한다.좋지 못한 네이밍 ex> b

Float를 생성하면 부모요소(박스)의 패딩을 제외한 width만큼 Linebox가 생성된다.float는 원래 레이아웃을 만들기 위한 용도로 나온 것이 아니었기 때문에, 그 특성에 의한 버그들을 처리하기 위해서 추가로 필요로 되는 작업들이 있다.Normal flow(위

:normal-flow요소로 마크업되는 순서대로 차례대로 렌더링 된다. position property의 기본value이다.:자신의 상위 컨텐츠(부모요소)를 기준으로 해서 그 기준에 절대적으로 위치를 잡는다. (레이어로써 float처럼 부유하게 된다. 넓이는 자신의 컨

: Normal Flow-> 마크업 순서대로 흘러가는 일반 흐름 요소들의 position속성 기본값이다.: 예를들어 p태그(하늘색 상자)에 Absolute를 설정해주면, 본인이 위치해 있던 영역에서의 자신의 넓이를 잃어버리고(컨텐츠의 넓이만 유지한채) p태그의 다음에

오늘 수업은 실습 위주..:컨텐츠의 논리적 흐름과 순서를 따져야 한다.로그인 창의 순서정하기로그인 -> 아이디 -> 아이디입력상자 -> 비밀번호 -> 비밀번호입력상자 ->로그인버튼\-> 링크목록 or버튼(레이어 실행기능)(회원가입, 아이디/비번찾기)시멘틱 마크업:sec

:CSS속성은 요소의 배경이미지를 한 개 이상 지정할 수 있다. 여러개의 배경 이미지는 서로의 위에 쌓이며, 맨 처음 지정한 이미지가 제일 위에(사용자에게 가깝게) 위치한다.이미지 속성에 따라서도 서로의 위 아래에 놓인다.\-테두리(위)\-배경이미지(중간)\-backg

:figure요소는 독립적인 콘텐츠를 표현한다. figcaption요소를 사용해서 콘텐츠에 대한 설명을 덧붙힐 수 있다. 기계가 읽을 수 있는 형태로 날짜와 시간을 표현할 때 사용.:시간의 특정 지점 또는 구간을 나타낸다. datetime특성의 값을 지정해서 적절한

출처: youtube aoa웹접근성 채널role="application":동일요소x,div요소와같이 그룹역할을하는 요소로 대체role="banner":비슷한 의미로 <header>사용가능 -> <header role="banner"> 로 사용시 1페이지에서

: 12 column grid가 가장 주류2,3,4,6으로 나누어진다. column의 갯수가 늘어나면 component의 크기가 작아진다는 것. 모바일은 2-column, 4-column을 많이 사용한다. 태블릿은 8,12columns를 많이 사용한다.Grid속성을 주