01 / html과 css의 관계
- html : 컨텐츠의 내용과 구조 표시
- 컨텐츠가 문단인지<p>, 인용문인지<blockquote>, 리스트형태<ul>인지에 따라 적합한 엘리먼트로 표기
- 컨텐츠가 문서내에서 가지는 의미에 따라 <div>와 적절한 id, class 속성표기(나타내고자 하는 컨텐츠를 의미에 맞게 기술하여 웹페이지로의 접근성을 높이는 방법으로 markup을 만드는 것이 웹표준의 목적)
- 웹표준의 목적 : 컨텐츠의 의미에 맞게 기술하여 웹페이지로의 접근성을 높이는 방법으로 markup하는 것.
- css : 문서의 내용과 표현을 분리하는것
- 문서의 내용은 html로 작성하고 표현은 css로!!
02 . css의 일반선택자
- (*) : 공용선택자 ㅣ 모든 태그에 적용
- (a) : 타입선택자 ㅣ 태그 <a> 지정
- (.A) : class 선택자 ㅣ 클래스가 A인 태그에 적용
- (#A) : id 선택자 ㅣ 아이디가 A인 태그에 적용
(*)공용선택자
페이지 내의 모든 <h1>,<h2>,<p>,<form>,<blockquote> 등의 브라우져 기본 마진과 패딩을 가지고 있는 엘리먼트들의 여백을 없앤다.
div.search안의 모든 엘리먼트가 세로로 가운데 정렬이 되게 된다.
| * { margin: 0; padding: 0; } |
|
div.search * { vertical-aling: middle; } |
(a)타입선택자 : 해당엘러먼트를 선택하여 속성 부여
클래스선택자 : 한페이지에서 여러번 사용가능
아이디선택자 : 한페이지에 한번만 사용할 수 있다.
[출처] 웹표준가이드(4) / css선택자와 선언종류|작성자 마그리뜨
'web standard > css' 카테고리의 다른 글
| 줄바꿈 완련 style (0) | 2012.08.23 |
|---|---|
| 파폭용핵 (0) | 2010.11.17 |
| CSS 이야기: overflow 속성의 float 해제 효과 (0) | 2010.03.05 |
| css 핵 (0) | 2008.07.29 |
| CSS적용 체크포인트 4가지 (0) | 2008.07.29 |
