html(9)
-
웹폰트 브라우저별 지원 포맷 / 폰트 css
웹폰트 브라우저별 지원 포맷 폰트 css @font-face { font-family: Noto Sans KR; src: url(NotoSansKR-Regular.woff); } div { font-family: 'Noto Sans KR'; }
2020.05.23 -
크롬 bxslider 링크 오류 해결 방법
크롬 bxslider에서 링크가 안되는 오류 방법 bxslider 스크립트 내 아래 소스 추가 touchEnabled : (navigator.maxTouchPoints > 0), https://support.google.com/chrome/thread/2820924?hl=ko
2020.04.09 -
jquery 애니메이션 AOS
▶ aos animate 예시, 다운로드 제공 : https://michalsnik.github.io/aos/ - 사이트 하단 css, js 다운로드 버튼 제공 - 사용법 //css, js 인쿠르드 //AOS.init 호출 //data-aos - 효과명(필수 옵션) //data-aos-offset - 효과 시작 스크롤 위치 옵션 //data-aos-easing - 재생옵션 //data-aos-duration - 재생시간 옵션
2020.04.02 -
css 애니메이션 효과
css 애니메이션 효과 ▶ Animate.css - 다운로드 / 예시사이트 https://daneden.github.io/animate.css/ - css 파일명 인쿠르드하면 사용 가능 - 사용법 animated - 기본 클래스 필수 fadeInDown - 원하는 효과 클래스 추가 수업 명 bounce flash pulse rubberBand shake headShake swing tada wobble jello bounceIn bounceInDown bounceInLeft bounceInRight bounceInUp bounceOut bounceOutDown bounceOutLeft bounceOutRight bounceOutUp fadeIn fadeInDown fadeInDownBig fadeInLe..
2020.04.02 -
ccs 폰트 적용
나눔스퀘어 적용 @import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css); .div1 { font-family: 'NanumSquare', sans-serif; } Noto Sans 적용 @import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css); .div1 { font-family: 'NotoKrR'; }
2019.12.10 -
html - 제목 태그
웹문서의 제목 표현 태그 - h1 h2 h3 h4 h5 h6 활용 ** 문서의 컨텐츠 순서에 맞도록 활용 필요, 검색엔진 최적화를 위해 활용 사용법 제목레벨 1 제목레벨 2 제목레벨 3 제목레벨 4 제목레벨 5 제목레벨 6 서울시 홈페이지 제목 "조직도" h3 활용
2019.12.04