Web/Styles
[CSS] 텍스트 줄바꿈 처리 word-break, white-space
한우자조금관리위원회 서울특별시 서초구 서리풀3길 20-1 케피아회관 2,3층 우편번호:06641｜ TEL 02-522-3608(am 09:00~pm06:00)｜ FAX 02-522-4314 고유번호:114-82-61108 단체명:한우자조금관리위원회｜ 대표자:민경천｜ 개인정보관리책임자:임빛나라(hanwoolove@daum.net) COPYRIGHT(C) 2017 한우유명한곳 ALL RIGHTS RESERVED. .footer_menu span { color: #999; font-size: 2.8vw; /* 단락 줄바꿈 */ word-break: break-all; display: inline-block;}
[CSS] animation02
CSS3_animation02 # Transitions - 객체가 기존에 가지고 있던 속성의 다른 값으로 변할 때만 표현된다.- 페이지가 로드되면서 자동으로 시작되지 않는다. :hover와 같은 가상 클래스 선택자 혹은, 자바스크립트의 onclick 이벤트 따위의 부수적인 액션에 의해 발동된다. - transition-property : 효과를 적용할 속성들을 나열한다. 2개이상일 경우에는 쉼표로 구분.- transition-duration : 효과의 지속 시간을 표기. 1s는 1초이다.- transition-timing-function : 변화의 시작과 끝 타이밍을 정의한다.- transition-delay : 효과의 지연시간을 정의한다. 만일 3초로 설정했다면, 페이지가 로드되고 나서 3초 후에 효과..
[CSS] animation
CSS3_animation # 2D Transforms - 움직임에 대한 속성이 아니라, 객체의 모양을 정의해주는 속성.- 기존 객체의 위치, 크기, 회전각, 기울기 따위를 지정할 수 있다.- 하지만 여기에 움직임 즉, 애니메이션은 포함되어 있지 않다. * 2D Transforms 메소드 - translate(x, y) : 객체의 위치르 가로(x), 세로(y) 방향을 정의하여 이동시킨다.- translateX(n) : 객체의 위치를 가로 방향으로만 이동시킨다.- translateY(n) : 객체의 위치를 세로 방향으로만 이동시킨다. - scale(x, y) : 객체의 크기를 늘이거나 줄일 수 있다. (x는 너비, y는 높이 = 0부터 1까지 ) ex) scale(2, 0.5)를 적용했을 때는 너비 200..
[CSS] Attribute 우선순위, Link target
Attribute 우선순위Attribute 작성Attribute 값은 큰따옴표("")로 묶는다Attribute 우선순위Attribute의 우선 순위는 다음 순위를 따른다순서속성1rel2type3href, src4width, height5target6id7name8class9style10title, alt11기타 attributetext 링크 ================================================================================Link target태그의 속성 중 target에 대하여 다음의 규칙을 따른다.현재창 → 현재창다음 내 모든 서비스 페이지 내 링크 요소는 기본적으로 현재창이 바뀌는 것을 원칙으로 한다. 단, 외부 서비스 및 개별 컨텐츠 링크..