transform 썸네일형 리스트형 웹개발(14)-transform, transition, animation *이 글을 읽기전에 작성자 개인의견이 있으니, 다른 블로그와 교차로 읽는것을 권장합니다.*CSS 2Dtransform- 2차원 좌표에서 요소를 변형시키는 속성입니다.translate(이동)rotate(각도회전)scale(확대, 축소)skew(경사 비틀기)✔ 벤더 프리픽스(Vender Profix)- 주요 웹 브라우저 공급자가 새로운 실험적인 기능을 제공할 때 이전 버전의 웹 브라우저에 그 사실을 알리기 위해 사용하는 접두사입니다. - w3c css 권고안에 포함되지 않은 기능이나, 포함되어 있지만 아직 완벽하게 제정된 상태가 아닌 기능을 사용할 때 붙입니다. -webkit- : 크롬, 엣지를 위한 접두사 -o- : 오페라를 위한 접두사 -ms- : 익스플로러를 위한 접두사 -.. 더보기 웹개발(13)- 우선순위, css변수 *이 글을 읽기전에 작성자 개인의견이 있으니, 다른 블로그와 교차로 읽는것을 권장합니다.*CSS 우선순위 계산1. 동일한 속성을 적용할 경우 나중에 적용한 것이 우선입니다. 2. 외부 스타일 시트와 내부 스타일 시트의 적용은 순서에 따라 나중에 적용한 것이 우선입니다. 3. 내부, 외부, 인라인 스타일 시트 중 인라인을 우선시 적용합니다. 4. 우선순위 계산: - inline: 1000점 - id: 100점 - class, 속성 선택자: 10점 - element: 1점 5. !important를 적용하면 0 순위로 적용합니다. CSS 우선순위 div 1번(인라인 스타일 우선) div 2번(id 우선) div 3번(class 우선) div 4번(같은 .. 더보기 이전 1 다음
