728x90 반응형 CSS2 [CSS] CSS 조금 더 깊게 맛보기 (노마드 코더) Transition 어떤 상태에서 다른 상태로의 변화를 애니메이션으로 만드는 방법 transition 속성은 state가 없는 엘리먼트에 추가해서 사용해야 한다. HTML 삽입 미리보기할 수 없는 소스 위의 go home에 마우스를 올려보면 상태 변화가 애니메이션처럼 나타나는 데 transition 속성을 이용하여 만든 것이다. Go home 아까 위에서 말한 transition은 state가 없는 곳에서 작성해야 한다는 말을 위의 코드를 보면 이해가 될 것이다. transition으로 바꿀수 있는 것은 원래의 엘리먼트와 :hover state가 있는 엘리먼트 두 곳에 모두 존재하는 속성들(여기서는 border-radius, color, bg-color)이다. 주석한 부분이 transition을 사용하는.. 2022. 6. 17. [CSS] CSS 맛보기 (노마드코더) 이번에도 마찬가지로 인터넷 강의를 들으면서 쭈루루루룩 기록만 하는 식입니다. CSS CSS(Cascading Style Sheets)는 마크업 언어가 실제 표시되는 방법을 기술하는 스타일언어이다. HTML과 XHTML에 주로 쓰이며 XML에서도 사용할 수 있다. HTML과 같은 마크업 언어가 몸체를 담당한다면 CSS는 옷과 악세사리처럼 꾸미는 역할을 담당한다. 먼저 어떻게 하면 CSS를 HTML 페이지에 추가할 수 있는지 이해를 해야한다. 첫 번째 방법은 같은 HTML 파일에 HTML 코드와 CSS 코드를 같이 작성하는 것이다. 두 번째 방법은 대부분의 사람들이 추천하는 방법으로 CSS와 HTML 코드를 따로 분리해서 놓는 것이다. html 블럭을 사용하면 tistory css까지 건드려버려서 올릴 수가.. 2022. 6. 14. 이전 1 다음 728x90 반응형
