HTML tab1 tab2 tab1 contents tab2 contents CSS .btn-select{display: none;} .tab-menu{display: flex;flex-wrap: nowrap;} .tab-menu li{height: 50px;} .tab-menu li a{display: flex;flex-direction: column;justify-content: center;width: 100%;height: 100%;padding: 0 20px;border: 1px solid #333;background-color: #fff;font-size: 16px;color: #333;} .tab-menu li + li a{border-left: 0;} .tab-content{display:..
1. RGB, RGBA 1) rgb(red, green, blue) - 각각의 인수는 색상의 강도를 0~255 사이로 정의 ex) rgb(255, 0, 0)은 red가 최대강도인 255이고 나머지 색 강도는 0이므로 빨강 - 검정색은 rgb(0, 0, 0), 흰색은 (255, 255, 255) 2) rgba(red, green, blue, alpha) - rgb에 투명도 나타내는 알파채널을 추가한 색상값 체계 - alpha는 0.0부터 1.0사이에서 지정하며 0은 완전 투명, 1은 완전 불투명 2 HEX (16진수) - rr(red), gg(green), bb(blue) 각각의 값들이 00~ff 사이의 16진수 값을 가짐 ex) #ff0000은 rr이 최고수치(ff), 나머지는 최저수치(00)이므로 빨강..
파일형식 * 강연원고 약력 강의 슬라이드 파일 첨부 파일 첨부 파일 첨부 .attach-file-con{display: none;margin-top: 10px;} .attach-file-con input[type="file"]{overflow: hidden;position: absolute;width: 0;height: 0;padding: 0;border: 0;} .btn.btn-form{width: 100%;padding: 10px;font-size: 1.8rem;color: #fff;} .attach-file-con .btn-form{margin-top: 5px;margin-bottom: 0;} /* checkbox, radio */ .checkbox, .radio{ margin: -5px -10px..
1. 기본 : table 태그로 작성 , , 과 같은 관련 태그들은 기피하고, 간단하게 , , 로 작업 태그를 적용할 경우, 위처럼 초기화를 하고 사용 border : 선의 유무. 1은 있음, 0은 없음. cellpadding : 셀 내부 여백 cellspacing : 셀 사이의 너비 width : 테이블의 가로 너비 rowspan, colspan : 행, 열 합치기. 숫자값을 전달하며, 해당 값만큼 칸을 차지한다. (이메일 폼에선 지원이 잘 되지 않아 지양한다.) 2. margin, float 지양 padding으로 여백 조정 * 기본 레이아웃 *참고 https://abangpa1ace.tistory.com/entry/HTML-%EC%9D%B4%EB%A9%94%EC%9D%BC-%ED%8F%BC-%ED%..
- Total
- Today
- Yesterday
- calendarflipjavascript
- marquee javascript
- calendarflipanimation
- 그리드반응형
- 스크롤커스텀
- flipanimation
- clockflipanimation
- 스티키효과
- php조건문축약형
- marquee html
- 인쇄스크립트
- 퍼블리셔이직
- 에러이미지마크업
- 이미지맵반응형
- 이미지onerror
- 2단레이아웃반응형
- 에러이미지속성
- marquee css
- phpif조건문
- php조건문
- a태그다운로드
- 스크롤커스텀css
- 자동인쇄script
- 텍스트플로팅효과
- flipjavascriptanimation
- 경력직웹퍼블리셔이직
- 흘러가는텍스트효과
- sticky제이쿼리
- flipjavascript
- rwdImageMaps
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |