일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 패스트캠퍼스
- ENFJ포스팅
- redux
- bucket list
- 국비지원
- JavaScript
- 반응형 이메일
- react
- 객체지향
- 코딩
- 리액트
- nomadcoders
- 무료리액트강의
- REACT강의
- HTML
- 버킷리스트
- K디지털기초역량훈련
- 노마드코더
- CSS
- object-oriented programming
- 바이트디그리
- ENFJ
- 자바스크립트
- class
- 반응형
- 이메일 코딩
- React & Redux로 시작하는 웹 프로그래밍
- free react course
- 내일배움카드
- Today
- Total
목록CSS (3)
미미 공부/취미방
input radio 체크 기능 스크립트 구현하기 상황 input radio 디자인이 안 예뻐서 디자인을 수정하고 싶다. 디자인 구연하고 싶은 스타일 기본 세팅 HTML 사과 바나나 멜론 1. radio는 체크가 1개만 가능한 체크박스로, 체크가 1개만 됐는지 인식하기 위해서 'name'에 동일한 값을 주어서 그룹을 만들어 준다. (예시. 'fruits'라는 'name'을 갖은 그룹 중 1개) 2. input의 id는 label의 for 값과 일치해야 label과 input이 연결되고, label을 클릭하면 해당 input 에 전달이 된다. 3. label에 디자인을 위한 모든 HTML구조를 넣는다. *** input에 checked라는 속성을 넣으면 체크 박스가 체크된 상태 CSS li { width:..
일반적으로 html에 들어가는 코드랑 비교하면서 코드에 대한 설명을 시작하겠어용. (회색 마크는 일반적으로 쓰는 코드입니다!) . . 1 DOCTYPE html 유형을 알려주려고 적는 건데 이거를 토대로 규격검사 등을 하기 때문에 우리가 이메일 코딩에 사용할 XHTML을 잘 명시해야 검사하고 렌더링하는데 도움이 되겠죠? . . 2 HTML 태그 . . 3 HEAD 태그 Head에서는 title, viewport 관련 코드는 다 똑같은데 xhtml로 doctype을 설정해서 content-type을 포함해 주야 한데요. . . 4 Body 태그 어떤 이메일 플랫폼은 를 지워버리니까 태그로 전체 구조를 한 번 감싸줘야지 안전해요. 이메일 플랫폼 해상도가 다 달라서 가로 넓이는 600px ~ 700px정도로 ..
WARNING 정말 번거롭고 번거롭고 번거로움 시작 전 알아야 할 것 일반 웹사이트 코딩을 위한 HTML, CSS를 생각하면 절.대. 안되요...옛날 HTML (XHTML)으로 코딩해야 된다고 합니다. 그래서 안에 들어갈게 많아요! JavaScript는 사용하지 않아서 어떻게 동작할지 모르겠네요.🤔 . . . 그럼 지금부터 설명 시작!!! . . 1 내부 CSS / 인라인 CSS 둘 다 작성해야 됩니다 이메일 플랫폼에 따라서 어떤곳(Gmail)은 인라인 CSS를 또 어떤곳(네이버/다음)은 내부 CSS를 삭제해서 둘 다 작성해야 안전해요! 안그럼 어디선가 깨집니다😭 참고로 내부 CSS는 html 안에서 로 작성하고 인라인 CSS는 이렇게 태그에 같이 작성됩니다. . . 2 어떤 CSS 속성은 적용되지 않아..