CSS 검토

핵심 포인트:
span.XXX{...}

테이블 없는 홈페이지 만들기
1.p{Backgroundcolor:grey}
p{textindent:5em}
p{text-align:center}
p{font-family:sens serif}
p{link:color #FFF000}
ul li{list -style -image:url[xxx.jpg]} 목록 로고
테이블{border-collapse:1px solid blue} 테이블 단일 테두리
2. 박스 모델
*{margin:0;
테두리 :0 }
{padding-left:20%}
p{border-style:solid solid solid none}
p{margin:0.25in}
위치 지정
div h1 p 블록 요소
span Strong은 인라인 요소라고 합니다(display 속성을 block으로 설정).
예: (

이 단락에는 별도의 단어. )
상대 위치 지정 예: h2.pos_left
{ position:relative;
left:-20px }
절대 위치 지정 흐름 절대 부동
4.
h2 {color:silver;}
병합 선택: body, h2, p, table, th, td, pre, Strong, em {color:gray;}
클래스 선택:
< h1 class="important">
이 제목은 매우 중요합니다.

이 단락은 매우 중요합니다.

.important {color:red;}
ID 선택기:

소개 단락입니다.

#intro {font-weight:bold;} 설정
속성 선택기
moons 속성이 있는 모든 행성 요소를 선택하여 빨간색으로 표시하고 싶지만 첫 번째 요소의 텍스트는 빨간색이 아닙니다
< ;planet>Venus
Earth
후손 선택기
는 h1 요소의 후손인 em 요소의 텍스트를 바꿉니다. 빨간색. 다른 em 텍스트(예: 단락 또는 블록 인용문의 em)는 이 규칙에 의해 선택되지 않습니다
h1 em {color:red;}
하위 요소 선택
h1 >
인접한 형제 선택
h1 + p {margin-top:50px;}
의사 클래스(콜론)
a:link {color: #FF0000}
p :first-child {글꼴 가중치: 굵게;}
의사 요소
p:first-letter
위에서 CSS 검토 내용을 소개했으며, PHP 튜토리얼에 관심이 있는 친구들에게 도움이 되기를 바랍니다.