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