일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- Today
- Total
- CSS 효과주기
- HTML
- css3
- Number 객체
- 모던 웹을 위한 JavaScript + jQuery 입문
- Date 객체
- String 객체
- zoomin 효과
- ie7 핵
- transform 효과
- float 깨짐
- 레이아웃 잡기
- html 줄바꿈
- zoom:1
- 속성 scale
- 속성 ease
- Object 객체
- 코딩 예제
- ie7 inline
- transform 전환효과
- Array 객체
- html br
- footer 고정
- CSS3 효과
- display:inline-block
- CSS
- Math 객체
- css 줄바꿈
- 한빛미디어
- css로 줌인 효과 주기
목록메모장 (19)
마크업개발 메모장
웹페이지를 만들다 보면 잘 짜여진 목록으로 메뉴를 만들거나, 컨텐츠 내용에 순서가 있는 목록을 작성해야 할때가 있다. 그럴때 블릿을 활용하게 되면 각 항목들이 한 줄에 표시되거나, 정렬이 순차적으로 잘 되어 편하게 쓸 수 있으며, 순차적인 마크업이 가능해 진다. 대부분의 웹브라우저는 태그가 있으면 목록 항목의 시작부분에 블릿(글머리 기호)을 표시해 준다. 하지만 태그는 이라는 부모 태그 하위에 지정해야 제대로 표시된다. 그 예제로 아래 코드를 참고 하자. ul li 테스트 입니다. 소개 영화리뷰 하루일과 위와 같이 작성 한다면 웹브라우저에서는 다음 아래와 같이 블릿과 항목들이 각 한줄에 출력 되는 것을 확인 할 수 있다. ul li 테스트 입니다. 소개 영화리뷰 하루일과 만약, 순차적인 목록 항목을 표시..
CA 코리아 : http://cakorea.com/(영국에서 출간하는 서적으로 디자인 트렌드를 빠르게 파악할 수 있음.) 유니타스 브랜드 : http://www.unitasbrand.com/(여러 디자인 정보가 있으나 특히 브랜드 디자인에 대한 정보가 좋은 사이트.) 디노마드 : www.dnomade.com(디자인을 전공하는 대학생 및 디자인 일을 시작하는 사회 초년생들에게 유익한 사이트.)
웹페이지 기본 폰트를 나눔고딕 폰트로 설정하고 싶다면 다음과 같은 방법을 사용하도록 하자. 기본적으로 폰트설정은 css에 아래와 같이 작성한다.*{font-family: 'Nanum Gothic', sans-serif;}하지만 저렇게 작성한다고 해서 나눔고딕이 모든 브라우저에 적용되는 것은 아니다.저 코드는 나눔고딕이 설치 된 컴퓨터에서만 보이게하는 설정이다. 그렇다면, 모든 컴퓨터에 보이게 하려면 어떤 방법이 있을까?구글에서 제공하는 웹폰트를 사용하면 간단하게 해결된다. http://www.google.com/webfonts/earlyaccess 이곳에서 나눔고딕을 찾은 후, 해당 코드를 css에 작성하면 끝이다.