CSS17 CSS | hover, transition: 버튼에 마우스 올릴 때 색깔 변화시키기 웹페이지 클로닝이 거의 끝나가고 있습니다. 예전에 처음 시도했던 것 보다는 더 수월하게 지나가고 있지만 아직도 디테일한 부분에서는 서툴러요. 그 중 hover over color를 바꾸는 것에 대해서 공유해보고자 해요! hover over라는 건 마우스를 클릭하기전 커서를 올렸을 때 상태인데 오늘 적용해볼 건 제가 만든 버튼에 마우스를 즉, 커서를 올렸을 때 버튼에 색 변화를 주는 거에요. 아래 그림처럼 add me in linkedIn에 마우스를 올려도 변화가 없는 상태입니다. 이제 이 상태에서 버튼에 커서를 올렸을 때 변화를 주기 위한 CSS를 추가하려고 합니다. class="button"이 이미 있기 때문에 hover기능을 추가합니다. 커서를 올렸을 때 바탕은 검정, 글씨색은 흰색으로 바꾸기 위해서.. 2020. 6. 4. CSS | id 활용법: 같은 페이지 내에서 이동시키기 여전히 웹페이지 클로닝 중입니다. 오늘 기억하려고 포스팅에 함께 공유하는 부분은 같은 페이지 내에서 링크 시키는 방법이에요. 예를 들면, 같은 페이지 내에서 A라는 부분을 눌렀을 때 A에 해당하는 섹션으로 화면을 자동으로 보여주는 거에요. 요즘은 한 웹페이지를 길게 만들어서 메뉴를 누르면 자동으로 그 메뉴에 해당하는 섹션으로 화면이 내려가도록 해 놓은 것들이 많더라구요. 속성 id 한 페이지 내에서 이렇게 이동시킬 수 있는 방법으로 오늘 활용해볼 것은 id입니다. id는 class와 다르게 특정한 부분에만 적용시킬 CSS를 지정할 수 있는 속성이에요. html에서는 id=" "로 쓰고, id를 지정하고 싶은 태그 안에 입력해주시면 되요. CSS에서는 #을 이용합니다. 예를 들면, #id이름{ }이렇게 지.. 2020. 6. 3. HTML URL, XHTML, 스타일 가이드 1. HTML URL URL은 Uniform Resource Locator를 의미한다. 웹 상에서의 주소라고 생각하면 된다. 형식은 다음과 같다. scheme://prefix.domain:port/path/filename scheme은 인터넷 서비스의 유형으로 흔히 http 또는 https가 있다. http HyperText Transfer Protocol Common web pages. Not encrypted https Secure HyperText Transfer Protocol Secure web pages. Encrypted ftp File Transfer Protocol Downloading or uploading files file A file on your computer prefix는도메.. 2020. 3. 28. HTML 독립체 HTML 독립체(entities) 2020. 3. 28. 이전 1 2 3 4 5 다음
