[CSS]#10 state, pseudo elements

*모든 state의 CSS를 수정하면 가지고 있던 디폴트 값을 잃어버려서 처음부터 다시 꾸며야 합니다. ▶ :active ->대상을 누르고 있을 때(마우스로 클릭 유지) ▶ :hover ->마우스 커서가 대상 위에 있을 때 ▶ :focus(active와 같은 거 같지만 다름) -> active가 마우스로 클릭됐다면, focus는 키보드로 선택되었을 때를 말함 예시로, 회원가입을 할 때, 이름, 아이디, 비밀번호 입력칸에 키보드 Tab키를 누르면 다음 작성칸으로 넘어가는 것처럼 ▶ :visited -> 링크에만 적용, 방문했던 적이 있는 링크의 색상이 다르게 보이는 것도 visited의 효과 때문 ▶ :focus-within -> focused인 자식을 가진 부모 엘리먼트의 상태 고로 이 효과는 부모 엘리..
Frontend/CSS, HTML 2021. 10. 12. 18:13
[KoKoa Clone]Part11 -CSS개념 간단 정리 및 새로운 개념, git desktop "revert"사용시 유의점

▶ selector 선택자 color -> property 속성 blue -> value (속성)값 ▶block = box = not inline ▶inline 요소는 크기값을 가지지 않는다. -> width, height를 지정해도 적용 X 좌우 margin 만 가질 수 있습니다.-> 상하 marginX *padding은 block, inline 요소 상관없이 가능합니다. ▶VSC사용 시 emmet확장 프로그램 단축키 emmet 단축키 .find-icons__icon*4>span 아이콘 클래스가 4개 있고 각각의 내부에는 span태그가 있게 만들기 (.find-icons__icon>span)*4 로 해야하는 줄 알았는데 위의 코드로도 똑같은 결과물이 나옵니다. ▶중간에 우리가 새로운 css파일을 만들 ..
Frontend/CSS, HTML 2021. 10. 10. 21:33
[KoKoa Clone]Part10(chat, find.html page started)

보호되어 있는 글입니다.
보호글 2021. 10. 8. 21:58
[KoKoa Clone]Part9(friends.html) - 헤더 & 안내말

보호되어 있는 글입니다.
보호글 2021. 10. 5. 19:42
[KoKoa Clone]Part8(friends.html) - nav-bar

보호되어 있는 글입니다.
보호글 2021. 10. 4. 21:52
[KoKoa Clone]Part7(friends.html) + font awesome sizing

보호되어 있는 글입니다.
보호글 2021. 10. 3. 21:59
[KoKoa Clone]Part6(friends.html) - second page started

보호되어 있는 글입니다.
보호글 2021. 10. 1. 22:20
[CSS]#9 form태그(action & method)

HTML코드 form은 아주 중요한 2가지 속성(attribute)를 가지고 있다. 1. action 2. method e.g.) 1.action은 어떤 페이지로 data를 보낼 건지 지정할 수 있다. 예시 코드를 보며 frineds.html 로 보낸다고 돼있으니 이 html파일이 있어야 겠죠? 2.method는 2가지 방식 중 하나를 쓸 수 있다. 1) POST 2) GET *POST는 백엔드 서버에 정보를 전송하는 방식: 우리는 서버를 가지고 있지 않기 때문에 지금은 사용X 그래서 GET방식을 사용할 것인데 GET 방식은 보안에 취약함-> username , password를 GET방식으로 보내면 안됨 *GET 방식: URL에 포함되어도 상관없는 정보들을 GET방식으로 보내는 것이 바람직하다. ※ 정..
Frontend/CSS, HTML 2021. 10. 1. 21:00
1 ··· 43 44 45 46 47 48 49