Rainbow

요점 정리 div 요소는 의미없는 블럭 요소. span 요소는 의미없는 인라인 요소. class 속성은 모든 요소에 넣을 수 있는 속성으로, 주로 CSS로 스타일을 줄 때 사용 id값은 페이지 내 단 한 번만 선언 가능하나, class 값은 여러 번 선언 가능 class 값은 띄어쓰기를 통해서 여러 개의 값 지정 가능 class와 id 값의 이름은 무조건 짧게하기 보다는 알기 쉽도록 짓고, 의미에 맞게 넣는 것이 적합 id는 페이지 내 단 한 번만 선언 가능하여, 유일한 이름을 짓는 것이 적합

파일을 업로드 할때 태그에서 ENCTYPE="multipart/form-data"라는 애트리뷰트를 반드시 써야 한다. 그렇게 하지 않으면 웹 서버로 데이터를 넘길때 파일의 경로명만 전송되고 파일 내용이 전송되지 않기 때문이다. 그리고 이때 METHOD 애트리뷰트에는 'POST' 값을 지정해야 한다. ** 태그의 속성인 method, action, enctype 등은 입력받은 데이터를 어떻게 처리할 것인지 세부적으로 설정하는 데 사용된다. method는 전송 방식, action은 전송 목적지, enctype은 전송되는 데이터 형식을 설정한다. ** enctype enctype 속성은 다음 세가지의 값으로 지정될 수 있다. 1. application/www-form-urlencoded 디폴트값이다. enct..

이미지 파일 형식 gif : 제한적인 색을 사용하고 용량이 적으며 투명 이미지와 애니메이션 이미지를 지원하는 형식 jpg : 사진이나 일반적인 그림에 쓰이며 높은 압축률과 자연스러운 색상 표현을 지원하는 형식(투명을 지원하지 않는다.) png : 이미지 손실이 적으며 투명과 반투명을 모두 지원하는 형식 이미지 포맷인 GIF, JPG, PNG(PNG8bit, PNG24bit) 이 jpeg 방식의 포맷이 정확히 어떠한 원리인지는 잘 모르지만, 이 포맷방식은 이미지가 뿌옇게 될수록 용량이 작아집니다. 이런 특성을 이용해서 이미지의 용량을 더 줄이기 위해, 필요한 부분만을 선명하게 놔두고 나머지 부분을 블러(blur, 뿌옇게 하기)처리를 하기도 합니다. 포토샵(Photoshop)에서의 저장 방법 저장을 할 때에..

Article 요소는 문서, 페이지, 애플리케이션에 포함되며, 그 자체로도 독자적으로 완성된 내용을 담고 있다. 원칙적으로 Article 요소에 담긴 내용은 기사 통합 서비스 등을 통해서 따로 배포되거나 재사용할 수 있다. Article 요소의 내용은 게시판 글이 될 수도 있고, 잡지나 뉴스의 기사, 블로그에 올린 글, 사용자가 올린 댓글, 상호작용할 수 있는 기능 모듈을 비롯해서 다른 어떤 종류의 독립적인 콘텐츠도 될 수 있다. 을 단지 신문이나 블로그 기사article로 여기지 말고 옷 한 벌an article of clothing이라고 생각하면 된다. (상황에 맞추어서 사용 가능하다) 을 여기저기 잔뜩 쓰지 말 것. 페이지의 주 제목으로 을 쓰고, 다음으로는 , , … 이런 식으로 순차적으로 제목의..

상대경로와 절대경로 src 속성에는 이미지의 경로가 들어가며, 이미지의 상대경로와 절대경로가 있습니다. 상대경로는 현재 웹 페이지를 기준으로 상대적으로 이미지의 위치를 나타내는 경로이고, 절대경로는 실제 그 이미지가 위치한 파일의 전체 경로입니다. 여기에는 속성은 두가지가 존재 한다 src, alt src : 실제 이미지가 있는 파일 위치 alt : 지정된 파일에 이미지가 없을시 대신 설명하는 대체텍스트 https://sosocodingday.tistory.com/51 [HTML/CSS] 상대경로와 절대경로 1. 상대경로와 절대경로 경로는 크게 상대경로와 절대경로로 구분할 수 있다. 1) 상대경로 ① ./ (생략가능) : 주변에서 찾는다 ② ../ : 상위폴더로 올라가서 찾는다 2) 절대경로 ① http..

animate.style/ Animate.css | A cross-browser library of CSS animations. Animate.css is a library of ready-to-use, cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and attention-guiding hints. animate.style PORTFOLIO_ANIMATION 텍스트 박스 회전하는 정육면체 div 태그 6개로 면6개를 만들어 줍니다 이어서con 태그로 감싸 하나의 객체처럼 만듭니다. position absolute를 적용하고 각각의 태그를 적당한 각도로 회전시킵니다. con에..