반응형 개발17 버튼css모음(마우스 오버, 클릭 하고 있을 때) 버튼 마우스 오버 할때 name:hover{ //원하는것 } 클릭 하고 있을때 name:active{ //원하는것 } 테스트 See the Pen cssTest by cho910904 (@cho910904) on CodePen. 2021. 9. 1. VS CODE 들여쓰기 간격(Indent)설정&적용하기 개발할 때 주로 VS Code를 많이 사용하는데 소스를 쉽게 보기 위해서 들여 쓰기 간격을 설정할 필요가 있다. VS Code는 기본적으로 Space 네 칸으로 들여 쓰기가 설정되어 있는데 소스를 카피하거나 라이브러리를 사용하는 경우 등, 간혹 적용이 안된 경우도 있기에 설정하는 법과 적용하는 방법을 알아보자! 들여 쓰기 설정&적용 방법 ※들여 쓰기 설정이 되어있는데 파일에 적용이 안 되는 경우는 Alt+Shift+F (macOs경우, Shift+Option+F)키를 눌러 주신다면 바로 적용되므로 아래 글은 스킵하셔도 됩니다. 1번의 사진 하단 쪽에서 들여 쓰기 설정 정보가 표시되므로 확인할 수 있습니다. 1. VS Code하단의 Spaces버튼을 클릭한다. 2. 아래의 Indent Using Space.. 2021. 7. 30. HTML 기본 폼, h1 - h6 태그, p태그, a태그, img태그 사용방법!! 웹페이지의 기본이 되는 HTML기본 폼과 기본 태그에 대해 알아보자! HTML기본 폼 HTML기본폼은 매우 간단하다. 모든 HTML 문서에는 태그를 선언하는 것과 html태그안에 body태그를 넣어주면 끝이다! 그 후에 body태그안에 표시하고 싶은 내용을 적어보자. HTML기본 폼 작성 해보기! h1 부터 h6태그, p태그, a태그, img태그 h1-h6태그는 Heading의 약어로 제목을 나타내는데 사용되고, 숫자가 커질수록 대략 1/3크기 정도 글씨가 작아지는 것 같다. p태그는 Paragraph의 약어로 단락 혹은 문단을 표시하는데 사용된다. a태그는 Anchor의 약어로 유저를 화면 이동 혹은 다른 URL로 이동시키는데 사용된다. href속성에 URL, a태그 사이에는 화면에 표시할 내용을 적으.. 2021. 7. 25. CODE PEN 블로그에서 사용해보기!! See the Pen STUDY by joStory (@jostory) on CodePen. 블로그에서 CODE PEN을 사용하는 것은 생각보다 쉽다. 추가하는 방법에 대해 바로 알아보자! 우선 https://codepen.io/ 사이트에 접속하여 가입 혹은 로그인을 할 필요가 있다. CodePen An online code editor, learning environment, and community for front-end web development using HTML, CSS and JavaScript code snippets, projects, and web applications. codepen.io 나는 깃허브 아이디가 있었으므로 바로 로그인을 하였다. 그 후에 자동적으로 pen이 만들어지며.. 2021. 7. 24. css input박스 클릭했을 때 테두리 색상 없애기& 변경하기 input박스 클릭했을 때 테두리 색 변경하기 input:focus { outline: 1px solid red; } input박스 클릭했을 때 테두리 없애기 input:focus { outline: none; } 2021. 5. 12. 이전 1 2 3 4 다음 반응형
