html&css 2 페이지

본문 바로가기

사이트 내 전체검색

인기검색어

a
C
in
i
is
the
to

html&css

Total 42건 2 페이지

RSS

27 [ css ] 태그의 정렬 ( 테이블과 같이 효과를 얻기 위해 사용하는 css의 종류 )
태그의 정렬 ( 테이블과 같이 효과를 얻기 위해 사용하는 css의 종류 ) 1) float 을 이용한 정렬 2) display:inline-block 을 이용한 정렬 3) display:table 을 이용한 정렬 4) display:flex 를 이용한 정렬 5) display:grid 를 이용한 정렬
웹지기 01-14 9667 0 0 댓글 0개

26 [ css ] 태그의 정렬 ( 테이블과 같이 효과를 얻기 위해 사용하는 css의 종류 : display:in…
두번째 방법 Display:inline-block 을 사용하는 방법 이 방법은 inline-block으로 바뀐 요소에 공백이 생기는 문제가 있다. 그래서 부모에서 font-size:0을 지정해줘야 공백이 사라진다. <style type="text/css"> * { margin: 0; padding: 0; } .main { width: 500px; height: 500px; border: 1px solid #000;...
웹지기 01-13 9582 0 0 댓글 0개

25 [ html ] div 스크롤 만들기
<div style="overflow-y: scroll; height:400px;">
웹지기 10-30 9397 0 0 댓글 0개

24 [ HTML ] DTD(Document Type Definition) 란?
DTD(Document Type Definition)는브라우저의 랜더링 모드를 지정해주고유효성 검증기(Validator)의 기준이 되므로(X)HTML 문서의 상단에 반드시 선언 해 주어야 합니다.만일 DTD를 생략하거나 형식이 잘못된 문서일 경우에는웹 브라우저마다 코드의 해석 방식이 다른 Quirks mode로 랜더링이 되기 때문에엉뚱한 결과물로 출력되는 문제에 직면하게 됩니다.DTD의 정확한 역할과 의미등을 알아보고 왜 표현하기 힘든 Strict타입이 권장되는지 알아봅니다.<!DO...
웹지기 09-28 8957 0 0 댓글 0개

23 [ html5 ] svg 듀터리얼
확장 가능한 벡터 그래픽(Scalable Vector Graphics), SVG는 그래픽을 마크업하기 위한 W3C XML의 특수언어(diaelct)입니다. SVG는 파이어폭스, 오페라, 웹킷 브라우저, 인터넷 익스플로러 및 기타 여러 브라우저에서 부분적으로 지원하고 있습니다. 본 튜토리얼의 목적은 SVG 내부 구조를 설명하는 데 있으며, 기술적인 세부 사항을 다룹니다. 만약 그저 아름다운 이미지를 그리려고 한다면, Inkscape's documentation page에서 더 많은 유용...
웹지기 10-15 8862 0 0 댓글 0개

22 [ css ] keyframe - css 애니메이션 기능 적용해보기
keyframe - css 애니메이션 기능 적용해보기 html <p>동해물과 백두산이 마르고 닳도록 하나님이 보우하사 우리나라 만세</p> css p { animation-duration: 3s; animation-name: slidein; } @keyframes slidein { from { margin-left: 100%; width: 300% } to { margin-lef...
웹지기 11-23 8557 0 0 댓글 0개

21 [ css ] css를 이용하여 글자 강조 깜빡거리게 하기
css를 이용하여 글자 강조 깜빡거리게 하기 keyframes 를 이용하여 활용이 가능하다. 아래의 코드를 css에 적용시켜 주면 된다. @keyframes blink-effect { 50%{ opacity:0; } } .blink { animation: blink-effect 1s step-end infinite; /* 다른 기능을 원한 다면 이부분의 주석을 해제. animation-name: blink-effect; animation-durat...
웹지기 11-17 8286 0 0 댓글 0개

20 [ CSS ] css 정의 순서
css의 우선 순위 규칙 어떻게 될까? 기본적으로 맨뒤에 나오는 css가 우선순위가 높음. !important > inline style attribute > id 다른 attribute > tag element 순으로 우선순위가 높다짐. 우선순위가 같으면 css가 많은 녀석의 우선순위가 높음. !important와 inline style attribute은 실무에서 사용을 제한하는 경우가 많다. !important는 css 값 뒤에 붙여진 ...
웹지기 10-04 7984 0 0 댓글 0개

19 [ css ] 태그의 정렬 ( 테이블과 같이 효과를 얻기 위해 사용하는 css의 종류 : float )
가로 정렬, 세로 정렬 등 테이블과 같이 명확한 효과를 얻기 위해 사용하는 css의 종류와 사용법 float를 사용하는 경우 float를 해제 해줘야 한다. 첫번째로 float를 사용하는 방법 float:left(왼쪽정렬), float:right(오른쪽정렬) <div class="clear"> <div class="left"></div> <div cla...
웹지기 01-13 7316 0 0 댓글 0개

18 [ html5 ] video 태그 다운로드 버튼 가리기(없애기)
[code] <video controls controlsList="nodownload"> </video> [/code] 추가 하면 video 태그에서 다운로드 버튼이 사라진다.
웹지기 10-15 7314 0 0 댓글 0개

17 제목이나 내용이 거꾸러 보이게 하기 위한 태그(?) 인가(?)
아파치님이 그누보드에 올려놓은걸 메모하려고 적습니다. [code] &#8238; 제목이나 내용부분에 이렇게 하고 적으면 글이 거꾸로 보인다고 하네요. ㅎㅎㅎ 보여주기위해 코드에 적습니다. [/code] 제 게시판에는 적용이 안되는군요 ㅋㅋㅋ
웹지기 11-27 6853 0 0 댓글 0개

16 [ css ] 유니버셜 디자인을 위한 실전 UI(HTML/CSS)개발 가이드 + 웹표준가이드 3가지
유니버셜 디자인을 위한 실전 UI(HTML/CSS)개발 가이드 + 웹표준가이드 3가지 [이 게시물은 웹지기님에 의해 2018-09-28 11:46:16 Free에서 이동 됨]
웹지기 09-27 6397 0 0 댓글 0개

15 [ CSS ] 부모 dom 의 넓이에 따라 자동으로 넓이 조절하기
A : 좌측 메뉴(넓이고정)B : 본문 내용(부모dom 의 사이즈에 따라 가변적으로 변할경우)jy관리자스킨, 아이콘샵에 보면 좌측 메뉴바 또는 검색영역이 있습니다.제사이트에만 쓰려면 사이즈를 고정하여 사용하면 상관이 없겠지만,배포해야하는경우에 설치하는 사이트에 따라 사이즈가 틀리므로 B 영역의 사이즈가 가변적이어야 합니다. [code].A {float:left; width:200px;} .B {margin-left:220px;}A 의 사이즈는 고정이며B 의 사이즈는 부모 dom 의 사이즈에 따...
웹지기 09-28 6366 0 0 댓글 0개

14 [ css ] border style 종류
border style 종류 - solid, dotted, dashed, double, groove, ridge, inset, outset
웹지기 01-12 6224 0 0 댓글 0개

13 [ css ] less && sass 사용
less 클라이언트쪽 사용방법head 부분에 다음과 같은 파일을 등록<link rel="stylesheet/less" type="text/css" href="<?php echo G5_THEME_CSS_URL;?>/styles.less" />less파일을 먼저 올려야 함<script src="//cdnjs.cloudflare.com/ajax/libs/less.js/2...
웹지기 09-11 6187 0 0 댓글 0개

게시물 검색

notice

게시판 별 포인트 획득 …

회원로그인

접속자집계

오늘: 7,634
어제: 17,963
최대: 61,067
전체: 16,051,610

회사소개 개인정보처리방침 서비스이용약관 모바일버전

Copyright © funyphp.com. All rights reserved.