728x90 반응형 퍼블리싱14 [npm]이메일 템플릿 제작을 위한 inline-css 사용법 이메일 템플릿을 제작하기위해 주의해야할 점은 1. css는 인라인으로 작성한다. 2. 이미지는 최대한 적게 사용하고 width, height, alt를 꼭 써준다 (이미지를 보여주지 않는 이메일 시스템이 많음) 3. 만을 사용해 레이아웃을 나눈다. (이때 테이블은 다음과 같이 초기화해서 사용한다) 4. css보다는 html태그를 먼저 사용한다. (font-weight : bold 대신 태그 사용 등...) 5. 축약형 또는 단축형은 사용하지 않는다 축약형 - (#fff ===> #ffffff; ) 단축속성 - (font: 16px / 1.4 Arial; ===> font-size:16px;line-height:1.4; font-family: Arial; ) https://www.npmjs.com/pack.. 2019. 6. 4. [퍼블리싱]왼쪽 메뉴 네비게이션 디자인 구현해보기 왼쪽 고정메뉴를 flex 로 구현 See the Pen left-nav-bar1 by gahyun (@gahyun) on CodePen. 첫화면에 반반 나눠진 네비게이션으로 나타났다가.. 스크롤을 내리면서 왼쪽 고정메뉴가 나타남 See the Pen left-nav-bar2 by gahyun (@gahyun) on CodePen. 2019. 6. 3. [퍼블리싱]header - 상단 네비게이션 디자인 구현해보기 스크롤에따라 헤더 하이즈 줄이기 See the Pen top-nav-bar1 by gahyun (@gahyun) on CodePen. 스크롤에 따라 로고 사이즈 줄이기 See the Pen top-nav-bar2 by gahyun (@gahyun) on CodePen. 2019. 6. 3. 티스토리 다음광고 꾸미기 광고넣을때 그냥 넣었더니 정렬도 안맞고 .. 한쪽으로 쏠려있다 본문 내용이랑 너무 딱 붙어서.... 이걸로 이미지 가운데 정렬로 바꾸고 띄어쓰기도 넣어서 본문이랑 안붙게 함 2019. 5. 29. 이전 1 2 3 4 다음 728x90 반응형