<style type="text/css">
#head {}
#head .basic_font{font-family:궁서; font-size:20px; color:red;}
#middle {}
#middle .basic_font{font-family:돋움; font-size:12px; color:green;}
#tail {}
#tail .basic_font{font-family:굴림; font-size:30px; color:orange;}
</style>
<div id="head">
<span class="basic_font">여기는 id:head class:basic_font</span>
</div>
<div id="middle">
<span class="basic_font">여기는 id:middle class:basic_font</span>
</div>
<div id="tail">
<span class="basic_font">여기는 id:tail class:basic_font</span>
</div>
부id가 상위 태그에 정의 되어 있을때, 중복 클래스네임도 다른 역할을 하게 할수있다.
페이지의 구조를 분석하여 부모 id를 잘정리를 하면 중복 class의 부담을 피해갈수있다.
즐거운 css
#head {}
#head .basic_font{font-family:궁서; font-size:20px; color:red;}
#middle {}
#middle .basic_font{font-family:돋움; font-size:12px; color:green;}
#tail {}
#tail .basic_font{font-family:굴림; font-size:30px; color:orange;}
</style>
<div id="head">
<span class="basic_font">여기는 id:head class:basic_font</span>
</div>
<div id="middle">
<span class="basic_font">여기는 id:middle class:basic_font</span>
</div>
<div id="tail">
<span class="basic_font">여기는 id:tail class:basic_font</span>
</div>
부id가 상위 태그에 정의 되어 있을때, 중복 클래스네임도 다른 역할을 하게 할수있다.
페이지의 구조를 분석하여 부모 id를 잘정리를 하면 중복 class의 부담을 피해갈수있다.
즐거운 css
[이 게시물은 관리자님에 의해 2011-10-31 16:54:41 CSS에서 이동 됨]
첨부파일
게시글 목록
| 번호 | 제목 |
|---|---|
| 24900 |
계약서
업무제휴계약서_인터넷
|
| 24899 | |
| 24898 | |
| 24897 | |
| 24896 |
견적서
수의계약 견적서_공사관리
|
| 24895 | |
| 24894 | |
| 24893 | |
| 24892 | |
| 24891 | |
| 24890 | |
| 24889 | |
| 24888 | |
| 24887 | |
| 24886 | |
| 11687 |
JavaScript
일러스트 미리보기 툴을 찾으시는 분들께..
4
|
| 24885 |
계약서
부동산 매매계약서
|
| 24884 | |
| 24883 | |
| 24882 |
계약서
물품매매계약서_계약
|
| 24881 |
계약서
물품구매 표준계약서_구매
|
| 24879 | |
| 24878 | |
| 24877 |
견적서
무역 영문견적서_회사
|
| 24875 |
기획서
마케팅 기획서_기업일반
1
|
| 24874 |
계약서
동업계약서샘플_일반계약
|
| 24873 |
계약서
대리점 계약서_일반계약
|
| 24872 | |
| 24871 | |
| 11683 | |
| 11662 |
Flash
그누보드용 플래시 최근게시물
20
|
| 11659 |
기타
인물 사진 보정하기
2
|
| 29136 | |
| 11647 |
JavaScript
왼쪽에 달면 좋을만한 소스
11
|
| 11644 | |
| 11641 |
JavaScript
최적의 해상도 설정법
2
|
| 11634 | |
| 11632 | |
| 29135 | |
| 11631 |
JavaScript
1px 라인 css와 2개이상 class 적용.
|
| 11628 | |
| 24870 | |
| 24869 |
계약서
기술제휴계약서_영업
|
| 24868 | |
| 24867 | |
| 24866 | |
| 24865 |
계약서
근로계약서_기업일반
|
| 24864 |
계약서
공증 채무승인계약서_채권
|
| 24863 | |
| 24862 |
계약서
고용계약서_총무
|
| 24861 | |
| 24860 |
계약서
계약서_부동산
|
| 11627 | |
| 24859 | |
| 24858 | |
| 24856 |
견적서
견적서_일반기업
1
|
| 24855 | |
| 24854 | |
| 24853 | |
| 24852 | |
| 29130 |
HTML
퀵마스크의 활용 예제
4
|
| 11625 |
JavaScript
익스플로러7 팝업창의 주소창 없애기
1
|
| 11622 | |
| 11617 | |
| 11604 | |
| 11596 | |
| 11591 | |
| 11586 | |
| 29128 |
HTML
외부필터 설치하기
1
|
| 11583 | |
| 11579 | |
| 11578 | |
| 11574 |
MySQL
MySQL 한글 매뉴얼
3
|
| 11566 |
Flash
swf파일에 링크 걸려면??
7
|
| 11565 | |
| 11562 | |
| 11561 |
MySQL
PHP 5.2.0 설치시 MySQL 문제
|
| 29125 |
HTML
움직이는 사진에 효과 넣을때
2
|
| 11558 |
기타
필름효과내기
2
|
| 11556 |
JavaScript
한글폰트가 안 보일때...
1
|
| 11533 |
Flash
국내지도 소스입니다.
22
|
| 11529 |
JavaScript
회전목마 - 스크롤링 소스
3
|
| 29118 |
HTML
포토샵 효과 모음2
6
|
| 11526 |
기타
포토샵 효과 모음
2
|
| 11519 |
JavaScript
[팁] 물방울 효과2
6
|
| 29115 |
HTML
[팁] 물방울 효과
2
|
| 11518 |
MySQL
official 64bit mysql
|
| 11516 | |
| 11515 | |
| 11509 |
JavaScript
CS2에서 포토샵 PSD파일과 일러스트 AI파일 미리보기 기능
5
|
| 11508 | |
| 29112 |
HTML
HTML 사전입니다.
2
|
| 11496 | |
| 29109 | |
| 29106 | |
| 11495 | |
| 11488 |
JavaScript
Ajax가 뭐죠?
6
|
| 11486 | |
| 11483 | |
| 11471 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기