css 2

CSS - transform 속성 [scale, rotate, translate, skew]

CSS - transform 은 적용 대상을 뒤틀거나, 회전시키거나, 크기를 변환시키고, 이동시킬 수 있습니다. 각 요소들에 대해 알아보겠습니다. ▼transform 속성 scale - 크기 rotate - 회전 translate - 위치값 skew - 뒤틀기 See the Pen wvWyOBR by parang1 (@parang1) on CodePen. scale scale은 대상을 확대하거나 축소시킵니다. - scale(2)는 가로, 세로를 2배 확대시키고, 따로 X축, Y축만 설정하여 확대 시킬 수 있습니다. rotate 대상을 회전 시킵니다. 기본단위는 deg입니다. translate 대상의 위치를 변경시킵니다. translate(20px) 처럼 translateY값은 생략가능하지만 0으로 적용됩..

코딩/CSS 2020.12.19

#1 인기있는 [HTML TAG] 모음

안녕하세요. 코드 서핑입니다. 저도 HTML/CSS 를 공부하고 있는 입장으로서 정리 겸 공부한 내용을 포스팅해보려 합니다. 오늘은 첫 번째로 자주쓰이고 인기 있는 HTML TAG에 대해 알아보겠습니다. 제가 이해했던 느낌적인 느낌으로다가 문과 감성으로 설명하도록 하겠습니다.😀 우리가 보는 '웹 페이지'는 태그로 시작해서 로 끝납니다. 'HyperText Markup Language'라는 단어에서 볼 수 있듯이, 차례차례 마크업 해나가면서 웹페이지를 만들어가는 과정입니다. 처음 코딩시 선언하고 시작하는데 이는 지금 코딩하는 문서의 유형이 html이라고 선언하는 것이죠. 웹 페이지에서 사용하는 문자들의 인코딩 방식을 나타냅니다. *UTF-8은 Universal Coded Character Set + Tra..

코딩/HTML 2020.10.30