작은기린우리

animation이란?animation은 간단하게 말하면 움직이지 않는 물체를 움직이는 것처럼 보이게 만드는 기술이라고 할 수 있다. 흔히 영상물에서 보이는 애니메이션은 1장, 1장의 이미지를 계속 보여줘서 그림이 움직이는 것처럼 착시를 불러일으키는 것이다.24프레임, 30프레임 하는 것은 저렇게 1장, 1장 보여주는 이미지를 1초에 몇 장을 보여주냐를 칭하는 개념이다. 즉 1초에 24장의 이미지를 보여주면 24 프레임이고 30장의 이미지를 보여주면 30 프레임이다. CSS에서 말하는 animation도 이와 비슷하다. 웹 페이지 요소에 스타일 변화를 연속적으로 적용하여 마치 애니메이션처럼 움직이는 듯한 착시 현상을 불러 일으키는 것이다.시시포스 테이블 (Sisyphus Table) 이라는 가구가 있다...

CSS를 인테리어로 비유했을 때 텍스트 스타일은 방에 놓이는 가구의 종류나 세부 디자인 등이라고 할 수 있을 것이다.CSS 텍스트 스타일웹 페이지의 텍스트 모양과 레이아웃을 정의하는 데 사용된다.다양한 속성을 사용하여 글꼴, 크기, 색상, 정렬 등을 제어할 수 있다.텍스트 스타일을 적용할 수 있는 태그들은 다음과 같다.더보기일반적으로 택스트를 꾸며주는 태그들이다. ~ :제목을 나타내는 태그로, 숫자가 작을수록 더 중요한 제목을 의미한다. 기본적으로 굵은 글꼴과 큰 글자 크기가 적용된다.:단락을 나타내는 태그로, 일반적인 텍스트를 표시하는 데 사용된다.:인라인 요소로, 텍스트의 특정 부분에 스타일을 적용할 때 사용된다. 기본적인 스타일이 없는 가장 일반적인 텍스트 태그이다.:텍스트를 굵게 표시하여 강조하는..

텍스트 관련 태그 ~ 제목 (Heading의 약자). 이 가장 중요한 제목이며, 숫자가 커질수록 중요도가 낮아진다. h1, h2, h3, h4, h5, h6. 제목1제목2제목6제목1제목2제목6">제목1제목2제목6단락 (Paragraph의 약자). 자동으로 단락이 나뉜다. 별도로 줄 바꿈을 해줄 필요가 없다. 가로줄이 가득 찰 경우 알아서 줄 바꿈도 해준다.1번째 단락 2번째 단락. 단락 (Paragraph의 약자). 별도로 줄 바꿈을 해줄 필요가 없다. 가로 줄이 넘쳐날 경우 자동으로 줄도 바뀌게 된다.1번째 단락 2번째 단락. 단락 (Paragraph의 약자). 별도로 줄 바꿈을 해줄 필요가 없다. 가로 줄이 넘쳐날 경우 자동으로 줄도 바뀌게 된다.">1번째 단락2번째 단락. 단락 (Paragraph의..