씹어먹는 블로그

스타일세트 설명 : CSS의 OpenType 기능에 대한 구문 이 기능은 기본 글리프를 다양한 표기 형식으로 대체합니다(예: 열린 원 또는 단색 원, 사각형, 괄호, 다이아몬드 또는 둥근 상자에 배치된 글리프). 주석 양식이 이미 있지만 사용자가 다른 양식 helpx.adobe.com Pretendard Pretendard 프리텐다드 Pretendard 프리텐다드 글꼴 다운로드 GitHub에서 보기 system-ui를 대체하는 글꼴 Apple의 system-ui가 익숙한 나로서는 San Francisco와 Apple SD 산돌고딕 Neo가 없는 다른 환경에서 이.. cactus.tistory.com 12345678910

select { text-align-last: center; text-align: center; -ms-text-align-last: center; -moz-text-align-last: center; }

/* ##Device = Desktops ##Screen = 1281px to higher resolution desktops ##Device = 데스크탑 ##Screen = 1281px 이상 해상도 데스크탑 */ @media (min-width: 1281px) { //CSS } /* ##Device = Laptops, Desktops ##Screen = B/w 1025px to 1280px ##Device = 랩탑, 데스크탑 ##Screen = 1025px에서 1280px 사이 */ @media (min-width: 1025px) and (max-width: 1280px) { //CSS } /* ##Device = Tablets, Ipads (portrait), ##Screen = B/w 768px t..

크롬으로 개발할 때 CSS나 Javascript 적용 시 캐시땜에 적용이 안될때가 많다. 이럴 때 사용하면 유용한 방법. 새로고침 버튼을 우클릭하면 일반 새로고침 (Ctrl+R)강력 새로고침 (Ctrl+Shift+R)캐시 비우기 및 강력 새로고침이렇게 세 가지가 나온다. 이 중 강력 새고로침만 해줘도 CSS 적용이 잘 된다.

유튜브 영상을 iframe 으로 올릴 때, 메뉴보다 위로 올라오는 경우에 z-index 문제 해결방법 wmode=opaque 파라메타를 전달해준다.

vertical-align:middle 에 관하여. 텍스트 세로 정렬을 위한 속성. 방법을 나열해본다. 1. line-height 를 해당 div의 height와 동일하게 지정. 단, 텍스트가 한 줄일때만 정확하게 가운데로 온다. 예) height:30px; line-height:30px; 2. table을 사용하여 td에 속성을 준다. 예) 내용 3. table을 사용하여 td에 css를 부여. 예) 내용 참고 : http://phrogz.net/css/vertical-align/

iframe 영상 반응형으로 삽입하기 아래 소스는 부트스트랩에서 사용하는 방법이다. 영상 요소를 가로세로 100%로 넣고, 그것을 둘러싼 부모요소에 padding-bottom을 비율에 맞게 넣어줌으로써 반응형으로 만들 수 있다. 출처 : http://bootstrapk.com/components/#responsive-embed

링크 점선없애는 CSS입니다. a {outline: none; select-dummy: expression(this.hideFocus=true);} *:focus {outline: none;} 두줄 추가해주셔요 출처 : http://diary.somyoung.co.kr/38

스타일 속성 이름설명 font폰트 font-family 폰트 종류font-size 폰트 크기 font-style 폰트 형태 font-variant 폰트 변형 font-weight 폰트 두께 스타일 속성 이름설명 transform변환 transform-origin 변환 중심 transform-style변환 형태 perspective 투시 수치 perspective-origin 투시 중심 backface-visibiltiy 후면 가시성 스타일 속성 이름설명 transition변형 transition-property 변형 대상 transition-duration 변형 진행 시간 transition-timing-function 변형 수치 변환 함수..

css3 animation 을 사용하다 보면 애니메이션 플레이 후에 그 자리에 멈추게 하고 싶은 경우가 있다. 그러나 아무 설정을 하지 않으면 처음위치로 돌아오게 되어있다. 이럴때 사용하는 설정을 알아보자. #div1 {position:relative;left:0;top:0;width:100px;height:100px;background:red;-webkit-transform:scale(2);} .move1 {-webkit-animation-name : animation_play1;-webkit-animation-duration : 2s;-webkit-animation-timing-function:linear;-webkit-animation-delay:.3s;-webkit-animation-iterati..