1. https://codepen.io/ CodePenAn online code editor, learning environment, and community for front-end web development using HTML, CSS and JavaScript code snippets, projects, and web applications.codepen.ioHTML, CSS, JS를 바로 볼 수 있다. 또한 다른 유저들이 사용한 포맷을 활용 할 수 있고, 내가 작성한 폼에 URL을 공유해서 다른 사람과 소스코드를 공유할 수 있다는 장점이 있다. 2. https://devdocs.io/ DevDocsFast, offline, and free documentation browser for deve..
내용 css 를 활용한 퀵메뉴 입니다.
화면 스크린 크기에 따라 표시 / 숨김 - 반응형 테마에서 모바일 데스크탑에서만 보이게 / 안보이게 1. 화면 사이즈가 450px 이하일 때만 보이는 코드 /* 화면 사이즈가 450px 이하일 때만 표시 */ @media screen and (min-width: 450px) { #HTML {display:none;} } /* 화면 사이즈가 999px 이상일 때만 표시 */ @media screen and (max-width: 999px) { #HTML {display:none;} } 2. 접속하는 화면 크기에 따라, 보여줄 내용을 각각 다르게 (1) CSS 내용 /* 접속하는 화면 크기에 따라 표시/숨김을 제어 */ /* 640보다 작을경우 */ @media all and (max-width: 639px..
class와 id의 차이점을 설명해 주세요. id와 class의 차이는 id는 유일한 요소에 적용할 때, 그리고 css는 복수의 요소에 적용할 때 사용한다는 점이다. 하나의 id는 한 문서에서 한 번만 사용이 가능하지만, 하나의 class는 여러 번 사용이 가능하다. 우선순위는 id가 class보다 높다. float가 어떻게 동작하나요? float 속성은 현재 위치의 왼쪽이나 오른쪽으로 shift되어 배치되는 박스의 일종이다. 이 때 컨텐츠는 float 속성이 적용된 요소의 주변에 위치하게 된다. 클리어링(Clearing)에는 어떤 것들이 있으며, 각각은 어떨 때 사용하나요? float 속성의 영향에서 벗어나기 위해 사용하는 clear 속성은 float의 특성을 지워주는 역할을 한다. 총 4가지 값이 있..