html&css 2 페이지
본문 바로가기
회원가입
로그인
커뮤니티
사이트 내 전체검색
funyphp
google
검색어 필수
검색
인기검색어
C
m
r
x
a
ID
8
FAQ
1:1문의
접속자
6
새글
메인메뉴
전체메뉴열기
program
하위분류
PHP
Jsp&Spring&Mybitis
java
javascript&jQuery
Html&CSS
Python
Linux
Nodejs
React
Arduino
Database
하위분류
Oracle
Mysql
Board
하위분류
Gnuboard
Codeigniter
knowledge
하위분류
knowledge
editor
aws
git
os
Free
QnA
Notice
전체메뉴
program
PHP
Jsp&Spring&Mybitis
java
javascript&jQuery
Html&CSS
Python
Linux
Nodejs
React
Arduino
Database
Oracle
Mysql
Board
Gnuboard
Codeigniter
knowledge
knowledge
editor
aws
git
os
Free
QnA
Notice
html&css
Total 42건
2 페이지
RSS
27
[ css ] css의 구조 && css의 선택자
선택자 { 속성 : 값 ; } CSS의 선택자 - 전체 선택자 : * 로 표시되며 웹 문서 내 모든 요소 - 타입 선택자 : 요소 이름으로 사용하여 요소선택 - 아이디 선택자 : #기호로 표시되며 특정한 요소 선택 - 클래스 선택자 : 마침표(.)기호로 표시되며 특정한 요소 선택 - 계층 선택자 : - 예제) https://funyphp.com/bbs/board.php?bo_table=html&wr_id=90 자손/자식/형제/근접후행형제 근접후행형제 :...
웹지기
01-08
4106
0
0
댓글
0
개
26
[ html ] 특수문자 코드표
표현문자 숫자표현 문자표현 설명 - � -  - 사용하지 않음 space 	 - 수평탭 ...
웹지기
07-31
8089
0
0
댓글
0
개
25
제목이나 내용이 거꾸러 보이게 하기 위한 태그(?) 인가(?)
아파치님이 그누보드에 올려놓은걸 메모하려고 적습니다. [code] ‮ 제목이나 내용부분에 이렇게 하고 적으면 글이 거꾸로 보인다고 하네요. ㅎㅎㅎ 보여주기위해 코드에 적습니다. [/code] 제 게시판에는 적용이 안되는군요 ㅋㅋㅋ
웹지기
11-27
5664
0
0
댓글
0
개
24
[ css ] Fixed Background on Mobile Brower. HTML & CSS only 모…
일반 브라우져와 모바일에서 백그라운드 고정시키는 html + css See the Pen Fixed Background on Mobile Browser. HTML & CSS only. by gosomis (@freemaster) on CodePen.
웹지기
11-27
10609
0
0
댓글
1
개
23
[ css3 ] css 애니메이션 - 스크롤이 지나갈때 시작되는 애니메이션 css animation
지루하지 않은 정적인 css3 애니메이션 CSS3 Animate It Because static content is boring!
웹지기
11-23
9918
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
7137
0
0
댓글
0
개
21
[ html ] a 태그 모바일에서 전화걸기, 메일보내기, sms 보내기 링크 방법, 외국의 경우, 아이폰 …
전화 <a href="tel:010-1234-5678">전화</a> 외국의 경우 <a href="tel:+국가번호 10-1234-5678">+82 010-1234-5678</a> 아이폰에서는 전화번호형식 010-1234-5678과 같은 형식이면 자동링크라 걸린다. 이를 막기위한 메타테그는 <meta name="f...
웹지기
11-02
13954
0
0
댓글
0
개
20
[ html ] div 스크롤 만들기
<div style="overflow-y: scroll; height:400px;">
웹지기
10-30
6991
0
0
댓글
0
개
19
[ css ] input placeholder 색상 변경( input부분의 예제로 설정된 글자색 변경 )
플레이스홀더 색상 변경 [code] <input type="text" name='id' placeholder="아이디"> <input type="password" name='pass' placeholder="비밀번호"> [/code] ::placeholder 가상 셀렉터를 사용하여 색상을 변경 [code] ::-webkit-input-placeholder...
웹지기
10-24
10811
0
0
댓글
0
개
18
[ css ] textFit 간편한 텍스트 피팅(입히기)
한 줄 및 여러줄의 텍스트를 해당 컨테이너의 너비 및 높이에 빠르게 맞추는 종속성없는 텍스트 크기 조정 요소 ●기능 = textFit : - 빠른 속도로 바이너리 검색을 사용하여 텍스트를 컨테이너에 신속하게 맞춰 log n대부분의 솔루션보다 훨씬 빠릅니다. - 가장 적합 <1ms합니다. 구현 세부 정보를 참조 하십시오 . - 종속성이 없습니다. - 작은. 4.1KB축소 및 1.5KBgzipped. - 최대의 정확성을 위해 Flexbox로 수평 ...
웹지기
10-23
8662
0
0
댓글
0
개
+1
17
[ 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
8511
0
0
댓글
0
개
16
[ css ] 브라우져 창 너비 높이등에 변하는 가변 폰트( 반응형 글자, 자동 크기 변경 ) 스타일 적용
em과 rem을 사용하면 기준이 되는 폰트 크기를 바꾸었을 때, 다른 폰트의 크기들도 지정해둔 것에 따라 차등적으로 바뀌어 적용되기 때문에 편리하다. 하지만 em과 rem은 브라우저의 창의 크기와는 상관이 없는 단위이다. 이와 달리 vw, vh, vmin, vmax는 브라우저 창의 가로 또는 세로 크기에 따라 변하는 폰트 단위이다. vw :viewport width vw단위는 웹 브라우저의 가로폭 (너비)를 기준으로 결정되는 크기다. 만약 웹 ...
웹지기
10-23
20931
0
0
댓글
0
개
15
[ css ] 글꼴 사이즈를 반응형으로 만들기
반응형 웹에서 골치 아픈 문제 중 하나가 글꼴 사이즈 화면 크기에 비례하는 글꼴 사이즈를 지정할 수 있도록 하기 위해 CSS3 에는 rem(root em) 이라는 단위를 제공 루트 요소인 <html> 요소에 지정한 글꼴 크기를 기준으로 특정 요소의 글꼴 크기를 결정하는 방식으로써 부모 요소의 글꼴 크기를 기준으로 삼는 em 이라는 단위보다 계산하기 편리 또한 페이지 전체적으로 적용되어 있는 서로 다른 크기의 글꼴을 동일한 비율을 적용하여 일괄 변경할 수 있는 방...
웹지기
10-23
18870
0
0
댓글
0
개
14
[ html5 ] svg 듀터리얼
확장 가능한 벡터 그래픽(Scalable Vector Graphics), SVG는 그래픽을 마크업하기 위한 W3C XML의 특수언어(diaelct)입니다. SVG는 파이어폭스, 오페라, 웹킷 브라우저, 인터넷 익스플로러 및 기타 여러 브라우저에서 부분적으로 지원하고 있습니다. 본 튜토리얼의 목적은 SVG 내부 구조를 설명하는 데 있으며, 기술적인 세부 사항을 다룹니다. 만약 그저 아름다운 이미지를 그리려고 한다면, Inkscape's documentation page에서 더 많은 유용...
웹지기
10-15
5474
0
0
댓글
0
개
13
[ html5 ] video 태그 다운로드 버튼 가리기(없애기)
[code] <video controls controlsList="nodownload"> </video> [/code] 추가 하면 video 태그에서 다운로드 버튼이 사라진다.
웹지기
10-15
6147
0
0
댓글
0
개
게시물 검색
검색대상
제목
내용
제목+내용
회원아이디
회원아이디(코)
글쓴이
글쓴이(코)
검색어
필수
검색
처음
1
페이지
열린
2
페이지
3
페이지
맨끝
notice
게시판 별 포인트 획득 …
회원로그인
회원아이디
필수
비밀번호
필수
자동로그인
회원가입
/
정보찾기
소셜계정으로 로그인
네이버
로그인
카카오
로그인
페이스북
로그인
구글+
로그인
접속자집계
오늘
3,471
어제
11,951
최대
61,067
전체
11,128,463
회사소개
개인정보처리방침
서비스이용약관
모바일버전
Copyright ©
funyphp.com.
All rights reserved.
상단으로