html 2 페이지

본문 바로가기
사이트 내 전체검색

html

Total 66건 2 페이지
+1
  • 51 [ css ] 반응형 웹을 위한 em, rem 디자인
  • em과 rem은 무엇인가? w3c의 css3 스펙 중 distance unit을 살펴봤다. css의 거리 단위는 크게 상대적 길이와 절대적 길이가 있다.상대적 길이는 em, ex, ch, rem, vw, vh, vmin, vmax가 있고절대적 길이는 cm, mm, q, in, pt, pc, px가 있다. 대개 크로스 브라우징이나 쉬운 계산 때문에 강제적으로 길이를 px로 많이 사용한다. 여러 디바이스를 모두 대응해야 하는 문제 때문에 em을 사용하기도 했는데, css3에는 rem이라는 새로운 거...
  • 웹지기 10-23 1495 0 0 댓글 0
  • 50 [ css ] 브라우져 창 너비 높이등에 변하는 가변 폰트( 반응형 글자, 자동 크기 변경 ) 스타일 적용
  • em과 rem을 사용하면 기준이 되는 폰트 크기를 바꾸었을 때, 다른 폰트의 크기들도 지정해둔 것에 따라 차등적으로 바뀌어 적용되기 때문에 편리하다. 하지만 em과 rem은 브라우저의 창의 크기와는 상관이 없는 단위이다. 이와 달리 vw, vh, vmin, vmax는 브라우저 창의 가로 또는 세로 크기에 따라 변하는 폰트 단위이다. vw :viewport width vw단위는 웹 브라우저의 가로폭 (너비)를 기준으로 결정되는 크기다. 만약 웹 ...
  • 웹지기 10-23 2533 0 0 댓글 0
  • 49 [ css ] 글꼴 사이즈를 반응형으로 만들기
  • 반응형 웹에서 골치 아픈 문제 중 하나가 글꼴 사이즈 화면 크기에 비례하는 글꼴 사이즈를 지정할 수 있도록 하기 위해 CSS3 에는 rem(root em) 이라는 단위를 제공 루트 요소인 <html> 요소에 지정한 글꼴 크기를 기준으로 특정 요소의 글꼴 크기를 결정하는 방식으로써 부모 요소의 글꼴 크기를 기준으로 삼는 em 이라는 단위보다 계산하기 편리 또한 페이지 전체적으로 적용되어 있는 서로 다른 크기의 글꼴을 동일한 비율을 적용하여 일괄 변경할 수 있는 방...
  • 웹지기 10-23 4093 0 0 댓글 0
  • 48 [ html5 ] svg 듀터리얼
  • 확장 가능한 벡터 그래픽(Scalable Vector Graphics), SVG는 그래픽을 마크업하기 위한 W3C XML의 특수언어(diaelct)입니다. SVG는 파이어폭스, 오페라, 웹킷 브라우저, 인터넷 익스플로러 및 기타 여러 브라우저에서 부분적으로 지원하고 있습니다. 본 튜토리얼의 목적은 SVG 내부 구조를 설명하는 데 있으며, 기술적인 세부 사항을 다룹니다. 만약 그저 아름다운 이미지를 그리려고 한다면, Inkscape's documentation page에서 더 많은 유용...
  • 웹지기 10-15 1107 0 0 댓글 0
  • 46 [ javascript ] 현재시간 실시간으로 보기
  • [code] <script type="text/javascript">function printTime() { var clock = document.getElementById("clock"); var now = new Date(); var ampm; if (now.getHours() >= 12) { ampm = "PM"; } else { ampm = ...
  • 웹지기 09-28 1269 0 0 댓글 0
  • 45 [ CSS ] css 정의 순서
  • css의 우선 순위 규칙 어떻게 될까? 기본적으로 맨뒤에 나오는 css가 우선순위가 높음. !important > inline style attribute > id 다른 attribute > tag element 순으로 우선순위가 높다짐. 우선순위가 같으면 css가 많은 녀석의 우선순위가 높음. !important와 inline style attribute은 실무에서 사용을 제한하는 경우가 많다. !important는 css 값 뒤에 붙여진 ...
  • 웹지기 10-04 1116 0 0 댓글 0
  • 43 [ css ] 최고의 반응형 CSS 프레임워크 18선
  • 1. Bootstrap가장 많은 사람들이 쓰고 가장 널리 알려진 부트스트랩입니다. LESS를 사용하였으며 12컬럼 반응형 그리드 시스템,수많은 위젯, 컴포넌트, 자바스크립트 플러그인을 지원하며 다운받을때 원하는 기능만 커스터마이즈 할수있습니다.2. Foundation013년 2월에 최초의 Mobile first 프레임워크라는 캐치로 릴리즈된 Foundation4. Sass와 Compass를 사용부트스트랩보다 더 오래된 프레임워크로 현재 부트스트랩 아성에 버티는 거의 유일한 프레임워크https://...
  • 웹지기 10-03 2668 0 0 댓글 0
  • 42 [ javascript ] 쿠키 셋팅 추출 삭제
  • [code]<script>//쿠키 불러내기function getCookie( cookieName ){ var search = cookieName + "="; var cookie = document.cookie; // 현재 쿠키가 존재할 경우 if( cookie.length > 0 ){ // 해당 쿠키명이 존재하는지 검색한 후 존재하면 위치를 리턴. startIndex = cookie.indexOf( cookieName ); // 만...
  • 웹지기 10-01 607 0 0 댓글 0
  • 41 [ mysql ] update를 이용한 일괄계산(이 구문으로 모든데이터의 값을 한번에 바꾼다)
  • update 테이블 set 필드명=(가져올필드명*실수) where 조건구문위와같은 식으로 한번에 여러 필드의 값을 곱하거나 더해서 전체적으로 계산을 쉽게 할 수 있다.가령 185,555 원이 있을때 이 값을 186,000 으로 올리고 싶을때는+++ update 테이블 set 필드명 = (가져올필드명 * 0.001) where 조건구문 <== 을 이용하여 일단 뒤에붙은555라는 숫자를 자동올림으로 올려버린다 값은 186 이된다.이값을 다시 한번 update 구문을 이용하여 정상가격으로...
  • 웹지기 10-01 843 0 0 댓글 0
게시물 검색

회원로그인

접속자집계

오늘
674
어제
4,111
최대
24,117
전체
694,664

그누보드5
Copyright © funyphp.com. All rights reserved.