profile
풀스택 국비수강중
post-thumbnail

css로 슬라이드 만들기

input을 사용해서 자동으로 넘겨지는게 아닌 눌러야 넘겨지는 슬라이드 input type ="radio"를 사용하고 lable에 연결해서 사용한다. 이렇게 묶어서 사용하며 여기처럼 input을 위에 누르고 lable을 누르면 input 버튼이 눌리며 화면이 넘어가게 구현한다. 그러기 위해서는 white-space:nowrap; 를 사용해야 한다. 이 속성은 부모효과에 넣으면 줄바꿈이 안되고 border를 뚫고 밖으로 나가게 된다. 그 효과를 이용해 ul li로 주면 li가 block요소기때문에 한줄씩 떨어지는데 li에 inline-bl

2023년 5월 10일
·
0개의 댓글
·
post-thumbnail

HTML단축키

> HTML 단축기 > F5 새로고침 ctrl + s 저장 ctrl + o 파일찾기 ctrl + 스페이스바 = 단축된 단어 ctrl + / 주석처리 alt + shift + f 줄정렬 (비쥬얼스튜디오코드) ctrl + shift + s 다른이름으로 저장 window + 방향키 창2개로 나누기 tap 띄어쓰기, 코드 자동완성 ctrl + z 뒤로가기 ctrl + shift + z 다시 앞으로 오기 메모장 > 다른이름으로 저장 > 파일형식 > 텍스트문서 > 제목+ .html = 메모장에서 인터넷으로 생성됨 뷰-레이아웃-컬럼2 : 2분할 만들어줌 ctrl+art+화살표 : 여러줄 동시입력하기 ctrl+마우스 : 여러줄 동시 입력하기 ctrl+shift+C : 컬러피커 (색상고르기) Ctrl + f or crtl+shift+f 검색기능 p : 고정 더블클릭 후 이동하면 옮기는 기능 ctrl + al

2023년 3월 28일
·
0개의 댓글
·