📱반응형 웹 디자인(Responsive Web Design, RWD)

2025년 02월 18일 golgol 0

다양한 화면 크기와 디바이스(PC, 태블릿, 스마트폰 등)에 맞춰 웹사이트의 레이아웃과 콘텐츠가 자동으로 조정되도록 설계하는 웹 디자인 기법입니다. 🔹 반응형 웹 디자인의 핵심 요소 1. 유동적인 […]

이메일 발송 시

2025년 02월 14일 golgol 0

HTML 이메일의 특성과 이메일 클라이언트의 보안 정책을 고려해야 합니다. 일반적으로 다음과 같은 제약 사항이 있습니다: ❌ 사용이 제한되는 요소: ✅ HTML 이메일 작성 시 권장 […]

css before after

2024년 07월 23일 golgol 0

이 CSS 규칙이 적용되면, 하위 메뉴가 있는 네비게이션 항목의 링크(a 태그)의 앞에 작은 아이콘이 추가됩니다. 이 아이콘은 유니코드 문자 \f105으로 정의되며, ‘굴림체’ 폰트를 사용하고 200의 […]

텍스트가 길면 .. 으로 표현 방법

2024년 05월 02일 golgol 0

javascript 텍스트가 길면 .. 으로 표현 방법 CSS 텍스트가 길면 .. 으로 표현 방법 div에 contenteditable=”true” 속성을 추가하여 사용자가 텍스트를 직접 편집할 수 있도록 만들었습니다.이 […]

디자인 파일 피그마

2024년 03월 29일 golgol 0

피그마(Figma)는 웹 기반의 그래픽 디자인 및 프로토타이핑 툴입니다. 사용자 인터페이스(UI) 및 사용자 경험(UX) 디자인을 위해 주로 사용되며, 그 외에도 그래픽 디자인, 앱 디자인, 웹사이트 디자인 […]

window.open

2023년 07월 16일 golgol 0

noticeWindow.opener = self; 코드가 팝업 창을 현재 창으로 다시 연결하는 기능을 수행하는데, 이 대신 새로운 팝업 창을 여는 코드로 변환하려면 window.open()을 사용할 수 있습니다. 예를 […]

white-space

2023년 05월 18일 golgol 0

Overview : 하얀 공백 처리 방법 참조 ; https://developer.mozilla.org/en-US/docs/Web/CSS/white-space

shortcut icon

2022년 10월 12일 golgol 0

Remark : shortcut icon 세팅 방법 1.Chrome 텝에서 shortcut icon 표시 2. html 적용예시 이미지 크기 : 16 X 16 픽셀

style cursor:pointer

2022년 05월 04일 golgol 0

손모양 커서 태그 내 cursor 속성 cursor 모양 보기 style=”cursor:auto” auto style=”cursor:crosshair” crosshair style=”cursor:default” default style=”cursor:pointer” pointer style=”cursor:move” move style=”cursor:e-resize” auto style=”cursor:ne-resize” ne-resize style=”cursor:nw-resize” nw-resize […]

html uppercase

2022년 05월 04일 golgol 0

ime-mode:disabled;text-transform:uppercase; 둘다 사용하면 한글 변환이 되지 않고 영문 대문자만 입력

html Required

2022년 05월 03일 golgol 0

. Html5 에서 javascript 없이 이 입력창을 작성 하세요 라고 나옵니다.

html ime-mode

2022년 05월 03일 golgol 0

ime-mode: auto; //한영모드 ime-mode: active; //기본적으로 한글이 입력 ime-mode: inactive; //기본적으로 영문이 입력 ime-mode: disabled; //한글로 변환하지 않고 영문만 입력 가능 //아이디와 비밀번호는 한글이 허용되지 […]

Bootstrap Text

2022년 04월 28일 golgol 0

Text alignment Font weight and italics 속성 description text-dark 글자 진하게 font-weight-bold 글자 굴게 navbar-expand nav 널게 border border-primary border 그리기 text-uppercase 대분자로 py-1 m-0 […]

table borders collapse

2022년 04월 18일 golgol 0

border-collapse 속성은 테이블 테두리를 단일 테두리로 축소해야 하는지 여부를 설정합니다. border-collapse:collapse; > 흰 테두리 보임 border-collapse: collapse; 스타일은 HTML에서 테이블의 테두리를 설정할 때 사용됩니다. 이 […]

hr Tag

2022년 03월 23일 golgol 0

Hr Tag Attributes align : left center right noshade : dashed dotted size width

letter-spacing

2022년 03월 15일 golgol 0

Remark : 글자간 폰 지정

line-height

2022년 02월 17일 golgol 0

Remark : 글자 다음 틈이 생기는 문제 해결 Case 2 : 이미지 사이 틉이 생기는 문제

Make the cursor a hand style

2019년 11월 18일 golgol 0

참조 : https://stackoverflow.com/questions/3087975/make-the-cursor-a-hand-when-a-user-hovers-over-a-list-item