본문 바로가기

CSS4

[1주차] 20220407 엘리스 TIL (CSS 애니메이션, 반응형 웹) 1강. 움직이는 웹사이트 제작 01. Transform transform : 웹사이트의 특정영역에서 오브젝트의 각도를 틀거나, 회전하거나 할 때 사용하는게 transform rotate, scale rotate(숫자deg) = 입력한 각도만큼 회전(평면적인 회전), 음수도 입력 가능 scale(x값(width), y값(height)) = 숫자는 비율을 의미한다(width를 x값 만큼 곱해서 출력, height를 y값 만큼 곱해서 출력), 축소를 시키고 싶을 땐 " 0.5 " 와 같은 소숫값을 입력해주면 됨 skew, translate skew(숫자deg(x축), 숫자deg(y축)) = x축 y축을 기준으로 입력한 각도만큼 비틂(입체적인 회전) translate(숫자px(x축), 숫자px(y축)) = 선택.. 2022. 4. 8.
[1주차] 20220406 엘리스 TIL (HTML, CSS) 오늘은 생각보다 새로운 내용은 많이 없었다! 그래서 복습할 내용이 많진 않은데 그게 섭섭하다가도 그래도 중간에 이런날도 있어야지 싶고... 그래도 이고잉 코치님이 한번씩 주시는 반찬(꿀팁)은 너무 꿀맛이다 맨날 한 10개씩 받아먹고싶다.. 생코도 괜히 한번씩 더 들어가 보게 된다 ( https://seomal.com/map/1 ) 암튼 시작 🍕 시작하기 앞서 반찬 3가지 🍕 자동으로 코드 editing point 로 이동하는 방법이 있다? (이부분 약간 놓쳐서 검색도 하면서 찾아봤는데 잘 모르겠다... 나중에 계속 서치해보기) ( + vscode 단축키들 모음 : https://jhnyang.tistory.com/408 ) 코드치다가 '화살표로 끝까지 이동 -> 엔터' 를 한방에 하는 단축키!!! = C.. 2022. 4. 7.
[1주차] 20220405 엘리스 TIL (HTML, CSS) ※ 오늘은 내가 중요하다 생각하는 내용, 헷갈렸던 내용 위주로만 발췌하여 적을 예정 ※ 자세한 내용은 PDF 보면서 다시 공부하기!! 01장. 웹사이트의 정보와 디자인 01. 웹을 구성하는 요소 웹사이트 제작시 고려사항 웹 표준 = 웹사이트를 작성할때 따라야 할 공식 표준이나 기술 규격 웹 접근성 = 장애의 여부와 상관없이 모두가 웹사이트를 이용할 수 있게 하는 방식 크로스 브라우징 = 모든 브라우저 또는 기기에서 사이트가 제대로 작동하도록 하는 기법 02. HTML 기본 태그 HTML이란? (Hyper Text Markup Language) = 웹사이트에서 눈에 보이는 정보나 특정 구역을 설정할 때 사용하는 언어 (시간이 지남에 따라 HTML에서 자주 사용되지 않는 용어들은 사라지고, 시대에 맞추어 새.. 2022. 4. 6.
[1주차] 20220404 엘리스 TIL (HTML, CSS) 웹 작업 기본적인 컴포넌트 -> 설치(1. 브라우저, 2. 코드 편집기) / 실행(코딩) / 배포 ++ 비주얼 스튜디오에서 index.html 파일을 끌어서 브라우저 창에 올리면 브라우저에서 바로 열림 (단축키 : ctrl + O) * HTML 태그 = 열리는 태그, 닫히는 태그가 있고 슬래쉬로 구분한다. 🍟 사이트 추천 1 🍟 : https://unsplash.com/ Beautiful Free Images & Pictures | Unsplash Beautiful, free images and photos that you can download and use for any project. Better than any royalty free or stock photos. unsplash.com 맘에 드는.. 2022. 4. 5.