목록FrontEnd (109)

투케이2K

9. (html/css/javascript/jquery) overflow 사용해 콘텐츠 영역 표시 여부 설정 실시

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : html, css, js, jquery /* =========================== */ ​ /* =========================== */ [소스 코드] 안녕하십니까! 만나서반갑습니다 안녕하십니까! 만나서반갑습니다 안녕하십니까! 만나서반갑습니다 안녕하십니까! 만나서반갑습니다 안녕하십니까! 만나서반갑습니다 안녕하십니까! 만나서반갑습니다 안녕하십니까! 만나서반갑습니다 안녕하십니까! 만나서반갑습니다 안녕하십니까! 만나서반갑습니다 안녕하십니까! 만나서반갑습니다 /* =========================== */ [결과 출력] ​ ​[auto 설정] ​ ..
FrontEnd 2021. 5. 25. 17:09
8. (html/css/javascript/jquery) display table 사용해 p태그 텍스트 수평, 수직 정렬 및 vw , vh 사용해 폰트 사이즈 반응형 크기 지정

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : html, css, js, jquery /* =========================== */ ​ /* =========================== */ [소스 코드] 안녕하십니까! 만나서반갑습니다 /* =========================== */ [결과 출력] ​ ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [요소 설명] 1. font-family : 폰트 표시 형태 스타일 지정 2. width : 가로 크기 지정 3. height : 세로 크기 지정..
FrontEnd 2021. 5. 25. 15:56
7. (html/css/javascript/jquery) display block 사용해 div 레이아웃 세로 정렬 수행 실시 - id 값 지정 사용

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : html, css, js, jquery /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ [결과 출력] ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [요소 설명] 1. font-family : 폰트 표시 형태 스타일 지정 2. width : 가로 크기 지정 3. height : 세로 크기 지정 4. margin : 마진 (외부..
FrontEnd 2021. 5. 25. 14:11
6. (html/css/javascript/jquery) position 속성 (relative , absolute , fixed) 사용해 위치 지정 실시

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : html, css, js, jquery /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ [결과 출력] ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [요소 설명] 1. font-family : 폰트 표시 형태 스타일 지정 2. width : 가로 크기 지정 3. height : 세로 크기 지정 4. margin : 마진 (외부..
FrontEnd 2021. 5. 25. 13:50
5. (html/css/javascript/jquery) display flex 사용해 div 레이아웃 세로 정렬 수행 실시 - id 값 지정 사용

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : html, css, js, jquery /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ [결과 출력] ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [요소 설명] 1. font-family : 폰트 표시 형태 스타일 지정 2. width : 가로 크기 지정 3. height : 세로 크기 지정 4. margin : 마진 (외부..
FrontEnd 2021. 5. 25. 11:30
4. (html/css/javascript/jquery) nth-child 자식 지정 방식 사용해 display inline-block 가로 정렬 수행 실시

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : html, css, js, jquery /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ [결과 출력] ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [요소 설명] 1. font-family : 폰트 표시 형태 스타일 지정 2. width : 가로 크기 지정 3. height : 세로 크기 지정 4. margin : 마진 (외부..
FrontEnd 2021. 5. 25. 11:11
3. (html/css/javascript/jquery) display inline-block 사용해 div 레이아웃 가로 정렬 수행 실시 - id 값 지정 사용

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : html, css, js, jquery /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ [결과 출력] ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [요소 설명] 1. font-family : 폰트 표시 형태 스타일 지정 2. width : 가로 크기 지정 3. height : 세로 크기 지정 4. margin : 마진 (외부..
FrontEnd 2021. 5. 25. 10:51
2. (html/css/javascript/jquery) W3C 및 HTML 기본 개념 설명

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : html, css, js, jquery /* =========================== */ ​ /* =========================== */ [설 명] ​ [W3C 란?] - W3C는 World Wide Web Consortium의 약자입니다 - W3C는 월드 와이드 웹(WWW)을 위한 표준을 제정하고 관리하는 중립적인 기관입니다 - W3C가 관리하는 대표적인 웹 표준입니다 1. HTML 2. CSS 3. DOM 4. SVG 5. XHTML 6. XML ​ ​ ​ [HTML 이란?] - HTML은 HyperText Markup Language의 약자입니다 ..
FrontEnd 2021. 3. 25. 08:16
1. (html/css/javascript/jquery) h1 ~ h6, b, i, strong, em, ins, del, small 사용해 텍스트 문자 표시 실시

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : html, css, js, jquery /* =========================== */ ​ /* =========================== */ [소스 코드] 첫번째 두번째 세번째 네번째 다섯번 여섯번 글자 굵게 글자 기울임 글자 강하게 글자 약하게 글자 밑줄 글자 중간 취소선 글자 작게 /* =========================== */ [결과 출력] ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ 1. h1 ~ h6 : 텍스트 문자열을 표시하기 위한 ..
FrontEnd 2021. 2. 6. 20:17
Prev 1 ··· 3 4 5 6 Next