웹프로그래밍43 (27)명품 웹프로그래밍_5장_CSS3고급활용_3(출력장면은 없음 직접 코드 넣어서 해봐야 됨) # 범위 CSS만으로만 무한 반복 애니메이션 동작 구현 => @keyframe 동작이름 + animation - name / duration / iteration - countCSS만으로만 행위할 때만 작동하는 애니메이션 동작 구현 => transition : 변화할 속성명 동작 시간 + hoverCSS만으로만 회전,이동,크기 변화, 기울기회전 애니메이션 동작 구현 => transform : rotate() , translate() , scale() , skew()# 노트 , 코드 , 출력장면 :● 무한 반복 애니메이션 구현노트 :코드 :123456789101112131415161718192021222324252627282930!DOCTYPE html>html lang="en"> head> meta c.. 2024. 10. 8. (26)명품 웹프로그래밍_5장_CSS3고급활용_2(작성중) # 범위 메인 홈페이지 상단 메뉴바 만들기표 꾸미기입력 폼 꾸미기# 노트 , 코드 , 출력장면 :● 메인 홈페이지 상단 메뉴바 만들기 :노트 : 코드 :1234567891011121314151617181920212223242526272829303132333435363738394041424344454647!DOCTYPE html>html lang="en"> head> meta charset="UTF-8"> title>메인 사이트 상단 메뉴바 만들기/title> style> #menubar{ background-color: gray; } #menubar ul{ margin : 0px; padding : 0px; width : 700px; } .. 2024. 10. 7. (25)명품 웹프로그래밍_5장_CSS3고급활용_1(작성중) #복습하기 매우 좋은 코드 :[상황1_ 감싸진 블록 없이 등장인물 배치 상황] :● 코드 :1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283!DOCTYPE html>html lang="en"> head> meta charset="UTF-8"> title>블록태그와 인라인태그 출력 차이/title> style> div{ background-color: yellow; margin-bottom: 10px; width: 700px; he.. 2024. 10. 5. (24)명품 웹프로그래밍_4장_Open_Challenge #이전 2장_Open Challenge문제 이어서 작업 ○ 이전 코드 :● [Main.html] :123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778!DOCTYPE html>html lang="en">head> meta charset="UTF-8"> title>컴퓨터 기술 소개/title>/head>body> header> h1>스마트폰/h1> p> 스마트폰은 컴퓨터를 결합한 무선 휴대전화기기이다. PC에서 실행되는 운영체제보다 적게 만든 모바일 운영체제를.. 2024. 10. 5. 이전 1 2 3 4 5 6 ··· 11 다음
