6주차 Front-E 스터디 TIL

오늘은 태그에 css를 입히는 것을 복습하면서
조금 더 구체적으로 작성하는 연습을 했다.

거기에 js파일 까지 작성하여
쿠팡로그인 페이지를 만들어 보았다.

쿠팡 로그인 페이지는 깃허브 페이지로 링크를 첨부하겠다!

깃허브에 업로드한 HTML파일을 기준으로 css파일을 작성하는 방법을 연습해보았다.

h1{}
h1 a {}
h1 a img {}
main {}
main #loginFrm {}
main #loginFrm fieldset {}
main #loginFrm fieldset ul {}
main #loginFrm fieldset ul li {}
main #loginFrm fieldset ul .error {}
main #loginFrm fieldset ul .id_error {}
main #loginFrm fieldset ul .pw_error {}
main #loginFrm fieldset ul li span {}
main #loginFrm fieldset ul li .id_bg {}
main #loginFrm fieldset ul li .id_bg::after {} //::after 자식생성자
main #loginFrm fieldset ul li .pw_bg {}
main #loginFrm fieldset ul li .pw_bg::after {}
main #loginFrm fieldset ul li span input {}
main #loginFrm fieldset ul li span input::placeholder {}
main #loginFrm fieldset ul li span input[type=text] {}
main #loginFrm fieldset ul li span input[type=password] {}
main #loginFrm fieldset ul li .pw_show_hide {}
main #loginFrm fieldset .btm {}
main #loginFrm fieldset .btm p {}
main #loginFrm fieldset .btm p label {}
main #loginFrm fieldset .btm p label input[name=login_y] {}
main #loginFrm fieldset .btm p label input[name=login_y] + span::before {} //::before는 자식생성자
main #loginFrm fieldset .btm p label input[name=login_y]:checked + span::before {}
main #loginFrm fieldset .btm p label span {}
main #loginFrm fieldset .btm .idpw_search {}
main #loginFrm fieldset .btm .idpw_search::after{}
main #loginFrm fieldset #login_btn {}
main .join_link {}
footer {}

HTML태그에 CSS를 적용하는 방법을 열심히 연습하도록 하자.

https://high-quality-coffee.github.io/my_web_week3/week6/ 깃허브 결과화면 페이지