VS설치
N
1
그전에 부모에 대한 relative 설정.가장 가까운 위치에 있는 조상 요소를 기준으로 배치링크 적용 방법CSS에 적용하려면 아래와 같이 작성..다른 폰트가 적용 가능하다.
간단한 단축키 .이름-> #이름 -> ` Box Model ` 동일한 조건일 시 큰값이 우선 적용됨 블럭과 인라인.
background 속성background-image: url(1.jpg); 이미지주소background-position: top center; 이미지 위치backgroudn-size: 가로 세로, cover , contain;background-repeat: no-r
CSS요소만 필요할 때 굳이 HTML작성을 하지않고도 추가 가능하며, html 문서에 쓸데없는 태그를 사용하여 화면 리더기 등에 쓸데없는 정보가 읽히거나 불필요한 클래스를 남발해 코드 가독성을 낮추지 않게 한다.선택자:가상클래스 { property: value; } :
참고자료애니메이션과 관련된 속성(Animation Related Properties)animation 속성은 애니메이션과 관련된 속성을 일괄적으로 설정합니다.animation-delay 속성은 애니메이션 지연 시간을 설정합니다.animation-direction 속성은
또한 body등 모든 항목에 대해선 기본적인 margin,padding값들이 있는데 이를 초기화하고 작업fontawesome.com 에서 원하는 아이콘 선택,
폰트 어썸 : 아이콘 및 이미지 삽입페이지 애니메이션 이미지 삽입. 커스텀 페이지 배포해보기 .. github repo에서 .을 누르면 온라인 vscode로 접속 가능. 그후 Settings에선 pages에서 경로를 설정.
s
문자에 대해 숫자 변환
\-> 스크립트로 selectors 지정.\-> 해당 스타일을 원하는 곳에 적용.랜덤으로 주사위 이미지를 출력하기이미지 파일 구성정보는 이후 해당 결과 값에 따라 텍스트 및 이미지의 동적 변경도 가능하다 두개의 색깔에 대한 값을 입력 받아 이를 value 값으로 넘겨주
부트스트랩 문서문서 사이트에서 원하는 디자인 및 옵션을 선택하고 예시를 보면서 구현이 가능하다. html문서에만 작업을 하였을 뿐인데.슬라이드로 넘어가는 화면 구성 및 기능을 활용할 수 있다.
키보드로 입력값중 필요한 부분은 'key'부분.. e.key를 활용해서 입력받은 버튼하나당 이벤트를 관리할 수 있다.중복사용되는 기능은 함수를 통해 작성.