본문 바로가기

분류 전체보기64

Animation,Transformation, Transition transition 어떤 상태에서 다른 상태로의 변화! 를 보내주는 애니매이션이다 1. transtion은 state가 없는 요소에 붙어야한다 처음 생긴곳에 있어야한다 state에 transition을 준다면 변화를 준것(예를들면 hover라면 마우스를 갖다 댄것)을 그만할경우(마우스를 뗄경우) 원래상태로 바로 돌아간다 2. transtion 에 변화를 준것들은 state에 들어있는것들이 기준이 되어 바뀌는것이다 바뀌는 것들에 한정하여 transition 이 일어날 수 있다 transition 은 상태에 따라 바귀는 요소가 있을때 사용한다 상태 ex) hover, active, focus, focus-within... -ease-in function : 브라우저에게 변화하는 방법을 알려주는 역할 line.. 2022. 11. 13.
CSS 복습 2 Active,hover,focus,focus-within,visited Active - 해당 요소를 마우스로 클릭했을 때 효과를 적용시킨다. hover- 마우스가 해당 요소 위를 지나갈 때 효과를 적용한다 . focus- 키보드로 선택되었을 떄 효과를 적용한다. focus-within 부모 요소에게 적용한다. 자신의 자식 요소 중 하나가 focused 되었을 때 효과를 적용한다. visted 방문한 사이트일 경우에 효과를 적용한다. placeholder= placeholder를 직접 꾸밀 수 있게 해준다, (조건을 적용하는 : 과 차이) selection= 드래그해서 블럭했을 때 꾸밀 수 있다! firstletter = 첫 문자만 꾸민다. firstline= 첫 번째 줄만 꾸민다. Color color는.. 2022. 11. 13.
HTML CSS 복습 -HTML tag사이에 넣는 텍스트가 무언가가 된다. (title,image 등) -브라우저는 아무 의미가 없어도 이해하려함. -h1 = header 글자 no.1 ~ h6까지 존재 -Header, main footer div 태그랑 같이 쓸 수 있음 태그들을 이용하여 시네마틱으로 짜면 좋음 Div - div는 의미가 없는 box -div 태그는 Block 속성 칸을 다 차지삼 span -은 짧은 text를 위한 태그 Attribute 값에는 큰 따음표 무조건 "" a=anchor를 뜻함 // link href= http reference 라고 함! // anchor 태그에만 추가 가능 target = 기본값은 self 이고 , _blank 입력 시 새 탭에서 링크가 열림 img = 다른 태그와 다르게 .. 2022. 11. 12.
클라이언트 서버 오늘은 HTML 과 CSS 관련하여 공부를 더 했다. 미니프로젝트가 끝나고 자바스크립트를 배우는 지금 배우면서도 앞에 html css 부분이 부족하다고 많이 생각이나서 지나칠 수가 없었다. 개인적으로 개발에 있어서 중요한거는 아무리 기본이라고 생각해도 기본이 탄탄하지 않으면 앞으로 나아갈 수 없다고 생각한다 . 내가 배우고 있는것이 프론트 엔드인데 자바스크립트만 잘한다는게 너무 말이 안되기도 했고 프로젝트때 나의 부족함을 너무 많이 자각해서 지나칠 수가 없었다. 기본적인 뼈대와 ( html ) 근육 (css) 를 구성도 못하는데 자바스크립트 ( 뇌) 를 아무리 한다해도 소용이 없다고 생각한다. 오늘은 아침에 미니프로젝트때 다뤘던 서버와 클라이언트에 관하여 한번 더 수업을 들었다. 강의는 진짜 영광스럽게 .. 2022. 11. 11.

티스토리툴바