본문 바로가기
728x90
반응형

분류 전체보기305

비주얼 스튜디오 코드 76_파노라마_완성 [face4 영역 작업] html mark up -video: 경로지정해서 영상 삽입 후 뒤에 효과 명령어 넣기 controls: 시작, 정지 버튼이 활성화 muted: 음소거 , muted와 autoplay를 같이 써줘야 autoplay이가 실행이 된다. .face4 css edit video size 줄이기 width: 100% p태그와 em태그를 옆으로 나열하는 방법 1. float(left, right)로 띄워줌 단, 부모태그에 overflow: hidden 이나 clearfix 적용 2. display: inline-block >> 너비값이 있어야함 3. position 으로 위치지정 [.face5 영역 작업] html markup .face5 css edit .pic 이미지 편집 backgro.. 2023. 7. 13.
[JAVA]JAVA 자료형 0. JAVA 활용 -웹 애플리케이션 : 스프링 프레임워크 -모바일 앱 개발 : 안드로이드 -데스크 앱: JAVAFX. Swing 1. Hello World 실행: ctrl+R(MAC)/ shift+F10(WINDOW) main(){} system.out.println("") println: print line의 줄임말, 괄호안에 있는 문장을 한줄을 출력해 달라. main 메서드 단축키 : psvm + enter 자동으로 메인 명령어를 만들어준다. main 이라고 쳐도 메인 메서드가 자동으로 출력된다. sout 단축명령어를 치면 system.out.prinln()명령어가 자동으로 생성된다. 괄호안에 helloworld 문장을 넣고 ctrl+r 실행을 해주면 실행창에 hello world 가 출력된다. 2.. 2023. 7. 12.
비주얼 스튜디오 코드_75 animation 한 글자씩 애니메이션 적용 html markup article > div > h2안에 span 사이에 한 글자씩 넣기 article 6까지 마크업한다. css 편집 #header css edit transiton : all 은 모두 움직이는 속도를 주지만 움직이고 싶은 명령어만 지정해서 속도를 넣을 수 있다. #dot edit @charset "utf-8"; *{ margin: 0; padding: 0; box-sizing: border-box; } ol,li,ul,dd,dt,dl{ list-style: none; } a{ text-decoration: none; } .clearfix::before, .clearfix::after{ display: block; content: ""; clear: both.. 2023. 7. 12.
비주얼 스튜디오 코드 74_ 하이시네마 footer 하이시네마_ 공지사항, 푸터란 만들기 html 마크업 .help는 세개의 박스를 옆으로 띄워야하기 때문에 .help안에 clearfix를 넣는다. .help css 편집 .help 안에 세개 박스 편집하기 article의 마지막 아이의 border를 0주어 박스를 삭제한다. . 클래스를 지정해줬으니 이름을 넣어줘도 된다. article > .help_box3 .notice html markup ● dl : 타이틀과 데이터를 싸고 있는 박스 ● dt : 타이틀 작성 ● dd : 데이터 작성 >> 영어사전에 많이 사용되는 형식이다. .notice css edit 기준값이 다르기 때문에 정렬이 다르다. 정렬을 맞춰줘야한다. position을 띄워서 기준점을 맞추어준다. a tag edit .card html .. 2023. 7. 11.
비주얼 스튜디오 코드 73_animation 화면이 움직이면 글자가 바운딩해서 나타남 https://cdnjs.com/ cdnjs - The #1 free and open source CDN built to make life easier for developers Simple. Fast. Reliable. Content delivery at its finest. cdnjs is a free and open-source CDN service trusted by over 12.5% of all websites, serving over 200 billion requests each month, powered by Cloudflare. We make it faster and easier to load library fil cdnjs.com parallax08 이어서 하기 css animation.. 2023. 7. 11.
비주얼 스튜디오 코드 72_parallax08 화면이 움직이면 글자가 바운딩해서 나타남 html mark up css 편집 #header 편집 #dot 편집 #header 편집 @charset "utf-8"; *{ margin: 0; padding: 0; box-sizing: border-box; } a{ text-decoration: none; color: #222; } li{ list-style: none; } .clearfix::after,.clearfix::before{ display: block; content: ""; clear: both; } #contents{ text-align: center; } #contents > div{ width: 100%; height: 100vh; display: flex; align-items: cent.. 2023. 7. 11.
728x90

티스토리툴바