keyframe 실행이 안 됩니다 ㅠㅠ
988
작성한 질문수 5
.
매번 친절한 답변 감사드립니다.
1. 코드를 실행하면 로딩이 느리게 되고, 화면이 뜨면 상자가 돌지 않고 그냥 네모 상태로 색이 바뀝니다.. 코드가 어디가 틀린 걸까요? ㅠㅠ keyframe loading 쪽 문제인 거 같기도 하네요..
2. 다음 강의 분에서도 코드를 그대로 친 거 같은데도 오류가 생기고(보더 박스가 아주 작게 나올 뿐더러 만들어지지가 않네요..) 로딩이 걸리면서 뜨네요 .ㅠ 어디가 문제인지 알려주시면 감사하겠습니다.
답변 3
1
1번 질문 답변입니다.
CSS에서 calc를 사용하시면 연산자(operator) + - * / 등은 반드시 앞뒤로 띄어쓰기가 있어야 합니다.
띄어쓰기가 없어서 좌표가 작동하지 않은 것으로 보입니다.
영상을 다시 보니까 띄어쓰기를 해야하는 부분에 대한 강조가 없었네요.
2번 질문 답변입니다.
CSS 코드에서 a 선택자 바로 밑에 있는 부모요소 .square라고 쓰셔야 하는데 .sqaure로 오타가 났습니다.
참고로... CSS 오류의 대표적인 항목은 오타, 클래스명에 점(.)을 빼는 경우, 쎄미콜론(;) 빼는 경우 입니다.
안될 때는 이런 부분 먼저 체크해보세요.
그리고 오타 부분을 좀 줄이시려면 Brackets 보다는 Visual Studio Code가 좀 낫습니다.
0
CSS 파일 연결이 안되어 있습니다. 오타입니다. 앞서서도 말했지만 안될 때는 오타 먼저 체크해주세요.
<link rel="styleshet" href="style24.css">
<link rel="stylesheet" href="style24.css">
실습하다 막히시면 답답한건 이해하지만 기본적인 사항은 먼저 충분히 체크하고 질문 주셨으면 합니다.
html 코딩과 css 코딩하실 때 emmet을 사용하시면 오타를 대폭 줄이실 수 있습니다.
class 값 한 번에 부여하는법
2
80
1
@media에서의 flex-direction: column으로 세로배치 관련 질문드립니다.
1
69
1
div#css-checker-widget의 해결방
1
60
2
input의 포커스되었을때 검정선이 사라지지 않아요
0
79
2
강의듣는법
1
74
1
아코디언 만들기 100%이하의 화면으로 보았을때
1
68
2
input checked 질문합니다.
0
76
1
Bracket Pair Colorizer - 비주얼 스튜디오
1
140
2
Part 1 영상 안나옵니다
1
88
1
제이쿼리 작동이 안됩니다
1
199
3
강의 내용 질문있습니다.
1
120
2
일정 부분만 주석하는 방법
1
211
2
폰트어썸
1
134
2
인접선택자에 대한 질문드립니다!
1
129
2
delay 적용 안됨
1
134
1
rotateY(360deg)가 적용이 안됩니다!
1
186
2
세로이동할때 height값
1
138
2
폰트어썸이 안되요..
1
485
2
화면 정중앙에 오게끔 할수있나요?
1
169
1
어코디언 네비게이션 중
1
125
1
라이브서버 문제
1
226
2
넷플릭스 어코디언 예제 질문
1
104
1
이번 강의에선 display flex가 무조건 적으로 필요한건가요 ?
1
155
1
active 관련 질문
1
145
2